:root{--color-bg:#fff;--color-panel:#fff;--color-panel-border:#d1d5db;--color-text:#000;--color-text-muted:#6b7280;--color-primary:#0f3d2e;--color-primary-light:#7aa08f;--color-danger:#b91c1c;--color-success:#166534;--font-family-base:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:28px;--border-radius:6px;--transition-fast:.18s ease;--transition-slow:.6s ease}*{box-sizing:border-box}.hidden{display:none!important}html,body{height:100%;font-family:var(--font-family-base);color:var(--color-text);background:var(--color-bg);overscroll-behavior:none;margin:0;overflow:hidden}.page{height:100dvh;padding-block:var(--spacing-xl);place-items:center;padding-inline:20px;display:grid;overflow:hidden}.stage{place-items:center;width:100%;max-width:860px;display:grid;position:relative}.landing-screen{align-items:center;gap:var(--spacing-xl);will-change:transform, opacity;flex-direction:column;grid-area:1/1;width:100%;max-width:460px;transition:transform .9s cubic-bezier(.2,.82,.18,1),opacity .52s;display:flex;position:relative}.landing-screen.fly-away{opacity:0;pointer-events:none;transform:translateY(150vh)rotate(18deg)scale(.58)}.definition-card{color:#fff;padding:var(--spacing-lg);text-align:center;pointer-events:none;background-color:#000;border-radius:12px;width:100%;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.5;box-shadow:0 10px 25px #00000026}.watch-body{cursor:pointer;width:100%;max-width:380px;height:140px;transition:transform var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);background:radial-gradient(circle at 35% 35%,#2a2d2c,#0a0c0b);border:8px solid #1f2421;border-radius:20px;outline:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 25px #000000e6,inset 0 0 8px #ffffff26,0 24px 48px #0006}.watch-body:hover{filter:brightness(1.1);transform:translateY(-4px)scale(1.02);box-shadow:inset 0 0 25px #000000e6,inset 0 0 8px #ffffff26,0 32px 56px #00000080}.watch-body:active{transform:scale(.98);box-shadow:inset 0 0 25px #000000e6,inset 0 0 8px #ffffff26,0 12px 24px #0000004d}.click-me-hint{color:var(--color-text);pointer-events:none;z-index:10;white-space:nowrap;align-items:center;gap:6px;font-family:Caveat,Comic Sans MS,cursive;font-size:1.8rem;display:flex;position:absolute;top:-75px;left:50%;transform:translate(-50%)rotate(-4deg)}.click-me-arrow{width:52px;height:52px;color:var(--color-text);transition:transform .2s}.landing-screen:has(.watch-body:hover) .click-me-arrow{transform:translateY(8px)}.digital-display{color:var(--color-danger);text-shadow:0 0 16px #b91c1ccc,0 0 32px #b91c1c66;letter-spacing:2px;pointer-events:none;font-family:Share Tech Mono,monospace;font-size:5.5rem;font-weight:700;line-height:1}.form-panel{width:100%;max-width:760px;min-height:520px;padding:var(--spacing-xl);background:var(--color-panel);opacity:0;transform:translateY(var(--spacing-lg)) scale(.98);transition:transform var(--transition-slow), opacity var(--transition-slow);pointer-events:none;border:4px solid #1f2421;border-radius:4px;flex-direction:column;grid-area:1/1;display:flex;position:relative}.form-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}form{flex-grow:1;display:grid}.signup-stage{gap:var(--spacing-md);opacity:1;visibility:visible;flex-direction:column;grid-area:1/1;transition:opacity .35s,transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:flex;transform:translateY(0)scale(1)}.signup-stage[hidden]{opacity:0;pointer-events:none;visibility:hidden;display:flex;transform:translateY(12px)scale(.98)}.stage-1-content{text-align:right;justify-content:flex-start;align-items:flex-end;gap:var(--spacing-md);z-index:1;flex-direction:column;flex-grow:1;display:flex;position:relative}.signup-stage[data-signup-stage="1"] input{width:100%;min-width:0;max-width:250px}.stage-description{color:var(--color-text-muted);max-width:300px;margin:0;font-size:.9rem}.half-compass-bg{inset:calc(var(--spacing-xl) * -1);pointer-events:none;z-index:0;border-radius:20px;position:absolute;overflow:hidden}.half-compass-bg .compass-body{aspect-ratio:1;width:auto;max-width:none;height:max(90%,460px);display:block;position:absolute;bottom:0;left:0;transform:translate(-30%,28%)}.stage-actions{z-index:1;justify-content:space-between;width:100%;margin-block-start:auto;padding-block-start:56px;display:flex;position:relative}.nav-button{color:#fff;cursor:pointer;width:clamp(38px,10vw,48px);height:clamp(38px,10vw,48px);transition:transform var(--transition-fast), filter var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#4b5563,#1f2937);border:2px solid #374151;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:700;display:inline-grid;box-shadow:0 6px 16px #0000004d,inset 0 1px 2px #fff3}.nav-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0006,inset 0 1px 2px #ffffff4d}.nav-button:active{transform:scale(.98);box-shadow:0 2px 8px #0000004d}.nav-button:disabled{cursor:progress;opacity:.7}.grid{gap:var(--spacing-md);display:grid}@media (width>=720px){.grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}}label{gap:var(--spacing-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:1px;font-family:Share Tech Mono,monospace;font-size:.94rem;display:grid}input:not([type=radio]){width:100%;color:var(--color-text);transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#f9fafb;border:none;border-bottom:3px solid #1f2421;border-radius:0;outline:none;padding-block:15px;padding-inline:16px;font-family:Share Tech Mono,monospace;font-size:1.1rem}input:not([type=radio])::placeholder{color:var(--color-text-muted)}input:not([type=radio]):focus{border-bottom-color:var(--color-danger);box-shadow:none;background:#f3f4f6}input:not([type=radio]).error{border-bottom-color:var(--color-danger);animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.radio-group{border:none;margin:0;margin-block-end:var(--spacing-md);padding:0}.radio-group legend{color:var(--color-text);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px;padding:0;font-family:Share Tech Mono,monospace;font-size:.94rem}.radio-options{gap:var(--spacing-sm);display:flex}.radio-label{cursor:pointer;display:inline-flex;position:relative}.radio-label input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-custom{border:1px solid var(--color-text);background:var(--color-bg);width:44px;height:44px;color:var(--color-text);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.radio-label input[type=radio]:checked+.radio-custom{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.radio-label input[type=radio]:focus-visible+.radio-custom{outline:2px solid var(--color-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.submission-overlay{background:var(--color-panel);border-radius:var(--border-radius);z-index:10;justify-content:center;align-items:center;gap:var(--spacing-lg);opacity:0;visibility:hidden;flex-direction:column;transition:opacity .4s,visibility .4s;display:flex;position:absolute;inset:0}.submission-overlay.visible{opacity:1;visibility:visible}.animation-container{place-items:center;width:120px;height:120px;display:grid;position:relative}.lottie-anim{transform-origin:50%;width:150px;height:150px;position:absolute}@media (width<=600px){.half-compass-bg .compass-body{height:max(75%,350px);transform:translate(-38%,32%)}}