@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spline+Sans:wght@400;500;600&display=swap";:root{color-scheme:light;--canary: #ffe400;--canary-deep: #ffcc00;--ink: #11110f;--ink-soft: #2e2b25;--white: #ffffff;--shadow: rgba(18, 16, 10, .18);--glow: rgba(255, 228, 0, .55)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Spline Sans,Trebuchet MS,sans-serif;background:radial-gradient(circle at top left,#fff6b3,#ffe400 38%,#ffd24a 68%,#fff3b7);color:var(--ink)}#root{min-height:100vh}.page{position:relative;min-height:100vh;overflow:hidden;padding:48px clamp(24px,6vw,96px) 64px;display:flex;flex-direction:column;justify-content:space-between}.aura{position:absolute;top:-10%;right:40%;bottom:20%;left:-10%;background:radial-gradient(circle,#ffffffd9,#fff0 70%);filter:blur(10px);z-index:0;animation:floatIn 1.4s ease-out}.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(17,17,15,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.08) 1px,transparent 1px);background-size:120px 120px;opacity:.35;z-index:0}.logo-mark{position:absolute;right:6%;top:10%;width:min(46vw,440px);max-width:520px;opacity:.5;filter:brightness(0) invert(1);z-index:1;pointer-events:none;animation:floatIn 1.2s ease-out}.header{position:relative;display:flex;align-items:center;gap:16px;z-index:2;animation:fadeUp .9s ease-out}.logo{width:56px;height:auto}.brand{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.hero{position:relative;max-width:680px;z-index:2;margin-top:80px;display:flex;flex-direction:column;gap:20px;animation:fadeUp 1.1s ease-out}.eyebrow{font-size:.9rem;text-transform:uppercase;letter-spacing:.24em;font-weight:600;color:var(--ink-soft);margin:0}.title{font-size:clamp(2.8rem,6vw,4.6rem);line-height:.95;text-transform:lowercase;margin:0}.subtitle{font-size:1.1rem;max-width:560px;margin:0;color:var(--ink-soft)}.cta{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-top:8px}.field{display:flex;flex-direction:column;gap:8px;min-width:min(320px,100%)}.label{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft)}input{border:2px solid var(--ink);border-radius:999px;padding:14px 20px;font-size:1rem;background:#ffffffe6;box-shadow:0 14px 30px -18px var(--shadow);transition:transform .2s ease,box-shadow .2s ease}input:focus{outline:none;transform:translateY(-1px);box-shadow:0 18px 36px -18px var(--shadow)}button{border:none;border-radius:999px;padding:14px 26px;font-size:1rem;font-weight:600;background:var(--ink);color:var(--white);cursor:pointer;box-shadow:0 18px 30px -18px var(--shadow);transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 22px 40px -22px var(--shadow)}button:disabled,input:disabled{opacity:.6;cursor:not-allowed;transform:none}.status{min-height:24px;font-size:.95rem}.error{color:#b20000}.success{color:#0f3c1c}.footer{position:relative;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#11110fb3;z-index:2;animation:fadeUp 1.2s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 800px){.page{padding:36px 24px 48px}.hero{margin-top:48px}.logo-mark{right:-10%;top:0;width:70vw;opacity:.35}.cta{align-items:stretch}button{width:100%}}