:root{--ink: #07111f;--navy: #0b1526;--navy-2: #12233d;--slate: #8fa3bf;--mist: #d7e2f2;--white: #f7fafc;--teal: #14b8a6;--teal-deep: #0f766e;--danger: #f87171;--ring: rgba(20, 184, 166, .55);--font-display: "Syne", sans-serif;--font-body: "Manrope", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--white);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}.page{position:relative;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 15% -10%,rgba(20,184,166,.22),transparent 55%),radial-gradient(ellipse 55% 45% at 90% 10%,rgba(56,120,180,.18),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 110%,rgba(15,118,110,.2),transparent 55%),linear-gradient(165deg,#07111f,#0b1526 45%,#101d34)}.atmosphere:after{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(215,226,242,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(215,226,242,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 75%);mask-image:radial-gradient(circle at center,black 30%,transparent 75%)}.shell{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;width:min(720px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 2.5rem}.brand{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;animation:rise .7s ease-out both}.brand-manifest{display:flex;align-items:center;gap:.7rem}.brand img.mark{width:36px;height:36px;display:block}.brand img.wordmark{height:18px;width:auto;display:block;opacity:.95}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:2.5rem 0 1.5rem}.banner{display:flex;flex-direction:column;gap:.85rem;animation:rise .8s ease-out .08s both}.eyebrow{margin:0;font-family:var(--font-display);font-size:clamp(.95rem,2.2vw,1.125rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}.headline{margin:0;font-family:var(--font-display);font-size:clamp(2.15rem,6vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;max-width:14ch;display:block;width:fit-content;transform:scaleX(.78);transform-origin:left center}.support{margin:0;max-width:38ch;font-size:clamp(1rem,2.2vw,1.125rem);line-height:1.65;color:var(--slate);animation:rise .8s ease-out .16s both}.gate{display:flex;flex-direction:column;gap:1rem;animation:rise .85s ease-out .24s both}.gate-label{margin:0;font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mist)}.otp{display:flex;gap:.55rem;flex-wrap:nowrap}.otp input{width:clamp(2.6rem,11vw,3.4rem);height:clamp(3.1rem,12vw,3.85rem);border-radius:.85rem;border:1px solid rgba(215,226,242,.16);background:#12233db8;color:var(--white);text-align:center;font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:.02em;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.otp input:hover{border-color:#d7e2f247}.otp input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--ring);background:#0f766e2e;transform:translateY(-1px)}.otp input:disabled{opacity:.7;cursor:wait}.hint{margin:0;font-size:.9rem;color:var(--slate)}.error{margin:0;min-height:1.25rem;font-size:.9rem;color:var(--danger)}.footer{margin-top:auto;padding-top:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;animation:rise .9s ease-out .3s both}.footer-lockup{display:flex;align-items:center;gap:.55rem}.footer-lockup span{font-size:.8rem;color:#8fa3bfe6}.footer-logo{height:18px;width:auto;display:block;opacity:.95}.footer-note{margin:0;font-size:.8rem;line-height:1.45;color:#8fa3bfbf;max-width:36ch}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.shell{width:min(100% - 1.5rem,720px)}.otp{gap:.4rem}}