*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--slate-950:#101319;--slate-900:#181d25;--slate-850:#212730;--slate-800:#2b313b;--slate-700:#3d4551;--slate-600:#5e6878;--slate-400:#949ca8;--slate-300:#bdc1c7;--slate-100:#e9eaec;--copper-600:#ef8539;--copper-700:#e77423;--teal-500:#1dc9c9;--bg:var(--slate-950);--surface:var(--slate-900);--surface-2:var(--slate-850);--surface-3:var(--slate-800);--border-color:#323b48;--text:var(--slate-100);--text-muted:var(--slate-400);--text-dim:var(--slate-600);--copper:var(--copper-600);--teal:var(--teal-500);--radius:.75rem;--t-base:.2s cubic-bezier(.4, 0, .2, 1);--t-fast:.15s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;min-height:100vh;font-family:Space Grotesk,system-ui,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--slate-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-600)}.blueprint-grid{background-image:radial-gradient(circle,#ef853914 1px,#0000 1px);background-size:32px 32px}.app-nav-header{z-index:50;padding:10px 16px;position:fixed;top:0;left:0;right:0}.app-nav-pill{-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-color);background:#14181fe0;border-radius:14px;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000073}.page-shell{background:var(--bg);flex-direction:column;height:100vh;padding-top:70px;display:flex;overflow:hidden}.split-layout{flex:1;display:flex;overflow:hidden}.panel-left{background:var(--bg);flex-direction:column;flex:0 0 50%;justify-content:center;max-width:50%;padding:28px 28px 28px 52px;display:flex;position:relative;overflow:hidden}.panel-right{background:var(--bg);flex-direction:column;flex:0 0 50%;justify-content:safe center;align-items:center;max-width:50%;display:flex;overflow-y:auto}@media (width<=900px){.page-shell{height:auto;min-height:100vh;padding-top:70px;overflow:auto}.split-layout{flex-direction:column;flex:none;overflow:visible}.panel-left{flex:none;justify-content:flex-start;max-width:100%;min-height:auto;padding:36px 32px}.panel-right{flex:none;max-width:100%;min-height:60vh;padding:32px 20px}.app-nav-header{padding:8px 12px}.left-how-it-works{display:none}}@media (width<=600px){.page-shell{padding-top:66px}.app-nav-header{padding:8px 10px}.app-nav-pill{border-radius:12px;padding:8px 14px}.panel-left{padding:24px 20px}.panel-right{justify-content:flex-start;min-height:auto;padding:20px 14px}.hero-headline{font-size:32px!important}.hero-badge-text{display:none}.identity-grid{grid-template-columns:1fr!important}}@media (width>=1400px){.panel-left{padding:36px 64px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pingSlow{0%{opacity:.5;transform:scale(1)}75%,to{opacity:0;transform:scale(1.7)}}.anim-up{animation:.55s cubic-bezier(.4,0,.2,1) both fadeInUp}.anim-up-d1{animation:.55s cubic-bezier(.4,0,.2,1) .1s both fadeInUp}.anim-up-d2{animation:.55s cubic-bezier(.4,0,.2,1) .2s both fadeInUp}.anim-up-d3{animation:.55s cubic-bezier(.4,0,.2,1) .3s both fadeInUp}.anim-up-d4{animation:.55s cubic-bezier(.4,0,.2,1) .42s both fadeInUp}.anim-scale{animation:.3s cubic-bezier(.4,0,.2,1) both fadeInScale}.anim-right{animation:.4s cubic-bezier(.4,0,.2,1) both slideInRight}.anim-float{animation:4s ease-in-out infinite float}.spinner{border:2px solid #1013194d;border-top-color:#101319;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.32s cubic-bezier(.4,0,.2,1) both slideUp}@keyframes stepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-headline{font-size:clamp(32px,3.6vw,52px)}.panel-right{padding:24px 40px 24px 20px;overflow:hidden}.survey-card{border:1px solid var(--border-color);background:#1f252d;border-radius:16px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000059}.card-scroll-body{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.card-scroll-body::-webkit-scrollbar{display:none}.card-center-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.card-action-bar{border-top:1px solid var(--border-color);background:#1f252d;flex-shrink:0;padding:14px 28px 20px}@media (width<=900px){.hero-headline{font-size:clamp(28px,4.5vw,42px)}.panel-right{padding:28px 20px;overflow-y:auto}.survey-card{flex:none;height:auto;min-height:auto}.card-scroll-body{flex:none;min-height:auto;overflow-y:visible}.card-center-content{min-height:auto}}@media (width<=600px){.hero-headline{font-size:32px!important}.panel-right{padding:20px 14px}.card-action-bar{padding:12px 18px 18px}}@media (width<=400px){.panel-right{padding:14px 10px}.survey-card{border-radius:12px}.app-nav-pill{padding:7px 12px}.card-action-bar{padding:10px 14px 16px}}@media (width<=360px){.step-label{display:none}}@media (height<=600px){.page-shell{padding-top:54px}.app-nav-header{padding:5px 10px}.app-nav-pill{padding:6px 14px}}@media (height<=600px) and (width<=900px){.panel-left{display:none}.panel-right{min-height:auto;padding:12px 14px}.card-action-bar{padding:10px 18px 12px}}
