.page{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:48px 20px 64px}.bg-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(0);opacity:.7;animation:float 18s ease-in-out infinite}.orb-a{background:radial-gradient(circle,#ffc38de6,#ffc38d00);top:-120px;right:-60px}.orb-b{background:radial-gradient(circle,#8edfffe6,#8edfff00);bottom:-140px;left:-80px;animation-delay:-6s}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at 40% 30%,black 30%,transparent 65%);mask-image:radial-gradient(circle at 40% 30%,black 30%,transparent 65%);pointer-events:none}.shell{position:relative;z-index:1;width:min(980px,100%);display:grid;gap:28px;animation:rise .8s ease-out}.hero{display:grid;gap:10px;color:#0f172a}.eyebrow{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#64748b;margin:0}h1{margin:0;font-size:clamp(28px,4vw,44px);font-weight:700}.subcopy{margin:0;color:#475569;max-width:60ch}.panel{background:#ffffffe6;border-radius:20px;padding:28px;box-shadow:0 22px 50px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.3)}.panel h2{margin:0 0 6px;font-size:22px}.hint{margin:0 0 22px;color:#64748b}.form{display:grid;gap:18px}.row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field{display:grid;gap:10px;font-size:14px;color:#0f172a}.field span{font-weight:600}input[type=number]{height:46px;border-radius:12px;border:1px solid #cbd5f5;background:#f8fafc;padding:0 14px;font-size:15px;transition:border .2s ease,box-shadow .2s ease}input[type=number]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b833}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.segment{position:relative;display:grid;place-items:center;padding:10px 12px;border-radius:999px;border:1px solid #cbd5f5;background:#f8fafc;cursor:pointer;font-size:13px;font-weight:600;color:#334155;transition:all .2s ease}.segment input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.segment:has(input:checked){background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 8px 16px #0f172a33}.upload{position:relative;border-radius:16px;border:1px dashed #94a3b8;background:#94a3b814;overflow:hidden}.upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-ui{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px;min-height:88px}.upload-icon{width:44px;height:44px;border-radius:14px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:22px}.upload-text{display:grid;gap:4px;color:#334155}.upload-text strong{font-size:15px}.upload-text span{font-size:13px;color:#64748b}.cta{height:50px;border:none;border-radius:999px;background:linear-gradient(120deg,#0f172a,#1e293b);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a38}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top left,#fff7ed,#e2e8f0 45%,#e2e8f0)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{width:100%}
