:root{color:#f3f1ec;--ink:#070707;--panel:#151515;--panel-hover:#1d1b1b;--line:#3e3e3e;--cream:#f3f1ec;--soft:#aca9a3;--crimson:#d82f39;--red-shadow:#87232b;background:#070707;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--cream);background:radial-gradient(ellipse 70% 36% at 52% -5%,#d82f3938,transparent 67%),var(--ink);margin:0}body:before{content:"";z-index:-1;pointer-events:none;opacity:.25;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.eyebrow{color:var(--crimson);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:800}.landing-page,.shell{flex-direction:column;width:min(100% - 2rem,700px);min-height:100vh;margin:auto;padding:clamp(1.2rem,5vw,3.3rem) 0 2rem;display:flex}.landing-page header,.shell header,.survey,.thank-you{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff06,transparent 28%),var(--panel);box-shadow:9px 9px 0 var(--red-shadow),0 1.25rem 4rem #0000005c;position:relative}.landing-page header{justify-content:space-between;align-items:center;padding:clamp(1.2rem,4.5vw,2.3rem);animation:.55s cubic-bezier(.16,1,.3,1) both enter;display:flex}.landing-brand{background:#0c0c0c;border:1px solid #4c4b49;place-items:center;width:4.35rem;height:4.35rem;padding:.45rem;display:grid}.landing-brand img{object-fit:contain;width:100%;height:100%;display:block}.landing-page header>.eyebrow{color:var(--soft)}.landing-page main{margin-top:1.65rem;animation:.55s cubic-bezier(.16,1,.3,1) .12s both enter;display:block}.landing-page main section:first-child{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff06,transparent 28%),var(--panel);border-bottom:0;padding:clamp(1.2rem,4.5vw,2.3rem)}.landing-page h1,.thank-you h1{color:var(--cream);letter-spacing:.025em;text-transform:uppercase;margin:.55rem 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.2rem,13vw,5.7rem);font-weight:400;line-height:.83}.details{border:1px solid var(--line);background:var(--panel);box-shadow:9px 9px 0 var(--red-shadow);padding:clamp(1.2rem,4.5vw,2.3rem)}.details:before{content:"TRAIN / TRACK / PROGRESS";color:var(--soft);letter-spacing:.17em;margin-bottom:1.1rem;font-size:.64rem;font-weight:800;display:block}.details p{color:#d0cdc6;margin:0;font-size:.93rem;line-height:1.55}.details p+p{margin-top:1rem}.signature{border-top:1px solid #d82f39b8;padding-top:.75rem}.survey-link{border:1px solid var(--line);background:var(--panel);min-height:4.45rem;color:var(--cream);letter-spacing:.015em;grid-template-columns:minmax(0,1fr) 2rem;align-items:center;margin-top:1.65rem;padding:0 1rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .23s;display:grid;position:relative;box-shadow:6px 6px #87232b9e}.survey-link:before{content:"";background:var(--crimson);width:3px;transition:all .23s;position:absolute;inset:0 auto 0 0;transform:scaleY(.35)}.survey-link:hover,.survey-link:focus-visible{border-color:var(--crimson);background:var(--panel-hover);box-shadow:9px 9px 0 var(--red-shadow);outline:none;transform:translate(-3px,-3px)}.survey-link:hover:before,.survey-link:focus-visible:before{transform:scaleY(1)}.arrow{width:1.85rem;height:1.85rem;color:var(--crimson);border:1px solid #d82f3980;justify-self:end;place-items:center;font-size:1.25rem;display:grid}.landing-page footer,.shell footer{color:#77746e;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #292929;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;font-size:.66rem;font-weight:700;line-height:1.5;display:flex}.shell{width:min(100% - 2rem,760px)}.shell header{box-shadow:none;border-bottom:1px solid #d82f39b8;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.brand{letter-spacing:.025em;align-items:center;gap:.7rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:2rem;font-weight:400;display:flex}.mark{width:2.8rem;height:2.8rem;color:var(--crimson);background:#0c0c0c;border:1px solid #4c4b49;place-items:center;font-family:Arial,sans-serif;font-size:1rem;display:grid}.shell header>p{color:var(--soft);letter-spacing:.15em;text-transform:uppercase;font-size:.66rem;font-weight:800}.form-intro{margin:2rem 0 0;padding-left:1rem}.form-intro p:last-child{letter-spacing:.025em;text-transform:uppercase;margin:.55rem 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2rem,8vw,3.35rem);font-weight:400;line-height:.93}.survey{flex:1;width:100%;margin:1.35rem 0 0;padding:clamp(1.2rem,4.5vw,2.3rem)}.progress-meta{color:var(--soft);letter-spacing:.17em;text-transform:uppercase;justify-content:space-between;font-size:.64rem;font-weight:800;display:flex}.progress{background:#292929;height:4px;margin-top:.6rem;overflow:hidden}.progress i{background:var(--crimson);height:100%;transition:all .25s;display:block}form{margin-top:2.2rem}fieldset{border:0;margin:0;padding:0}legend{color:var(--cream);letter-spacing:.025em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2rem,8vw,3.35rem);font-weight:400;line-height:.93}small{color:var(--soft);margin:.8rem 0;display:block}.options{gap:.72rem;margin-top:1.55rem;display:grid}.options label{border:1px solid var(--line);background:var(--panel);min-height:4.25rem;color:var(--cream);cursor:pointer;grid-template-columns:2.6rem minmax(0,1fr);align-items:center;padding:0 1rem 0 0;font-size:1rem;font-weight:800;transition:all .23s;display:grid;position:relative;overflow:hidden;box-shadow:6px 6px #87232b9e}.options label:before{content:"";background:var(--crimson);width:3px;transition:all .23s;position:absolute;inset:0 auto 0 0;transform:scaleY(.35)}.options label:hover,.options label.selected{border-color:var(--crimson);background:var(--panel-hover);box-shadow:9px 9px 0 var(--red-shadow);transform:translate(-3px,-3px)}.options label:hover:before,.options label.selected:before{transform:scaleY(1)}.options input{accent-color:var(--crimson);justify-self:center}.scale{grid-template-columns:repeat(auto-fit,minmax(94px,1fr))}.scale label{justify-content:center;padding:10px;display:flex}.scale input{opacity:0;position:absolute}textarea{border:1px solid var(--line);border-top:3px solid var(--crimson);width:100%;min-height:150px;color:var(--cream);font:inherit;resize:vertical;background:#0c0c0c;margin-top:1.5rem;padding:1rem}.actions{border-top:1px solid #292929;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}button{border:1px solid var(--crimson);background:var(--crimson);min-height:2.9rem;color:var(--cream);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;padding:0 1rem;font-size:.72rem;font-weight:800;transition:all .2s}.secondary{border-color:var(--line);background:var(--panel)}button:hover{box-shadow:4px 4px 0 var(--red-shadow);transform:translate(-2px,-2px)}.error{color:#ff8e95}.thank-you{text-align:center;margin:auto 0;padding:clamp(1.2rem,4.5vw,2.3rem)}.thank-you p:last-of-type{color:var(--soft);line-height:1.55}.thank-you button{margin-top:1rem}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.landing-page,.shell{width:min(100% - 1.35rem,700px);padding-top:.9rem}.landing-page header,.survey,.thank-you{padding:1rem;box-shadow:4px 4px #87232b9e}.landing-page header>.eyebrow{display:none}.landing-page footer,.shell footer{flex-direction:column}.options label{min-height:4.1rem;box-shadow:4px 4px #87232b9e}.actions{flex-direction:column}.actions button{width:100%}.scale{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.landing-page header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.landing-title h1{letter-spacing:.025em;text-transform:uppercase;margin:.25rem 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2.55rem,10vw,4.1rem);font-weight:400;line-height:.83}.landing-title>p:last-child{color:var(--soft);margin:.55rem 0 0;font-size:.92rem}.landing-status{color:var(--soft);letter-spacing:.17em;text-align:right;text-transform:uppercase;font-size:.64rem;font-weight:800}.landing-page h2{color:var(--cream);letter-spacing:.025em;text-transform:uppercase;margin:.55rem 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.2rem,13vw,5.7rem);font-weight:400;line-height:.83}@media (width<=520px){.landing-page header{grid-template-columns:auto 1fr}.landing-status{display:none}.landing-title h1{font-size:2.55rem}.landing-title>.eyebrow{font-size:.55rem}.landing-title>p:last-child{font-size:.8rem}}