.retro-app{min-height:100vh;position:relative;overflow:clip}.retro-app__content{z-index:1;position:relative}.retro-backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.retro-backdrop__grid,.retro-backdrop__noise,.retro-backdrop__horizon,.retro-backdrop__glow{position:absolute;inset:0}.retro-backdrop__grid{transform-origin:bottom;opacity:.35;background-color:#0000;background-image:linear-gradient(#5f67ff33 1px,#0000 1px),linear-gradient(90deg,#5f67ff33 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:62vh;inset:auto 0 -18vh;transform:perspective(900px)rotateX(78deg);-webkit-mask-image:linear-gradient(#000000f2,#0000 90%);mask-image:linear-gradient(#000000f2,#0000 90%)}.retro-backdrop__glow--left{background:radial-gradient(circle at 22% 18%,#00e5ff33,#0000 22%);animation:14s ease-in-out infinite alternate retro-float-left}.retro-backdrop__glow--right{background:radial-gradient(circle at 78% 14%,#ff00d42e,#0000 26%);animation:16s ease-in-out infinite alternate retro-float-right}.retro-backdrop__horizon{opacity:.9;background:linear-gradient(90deg,#0000,#22d3eee6,#ec4899e6,#0000);height:1px;inset:auto 12% 22vh;box-shadow:0 0 18px #22d3eea6,0 0 40px #ec48994d}.retro-backdrop__noise{mix-blend-mode:soft-light;opacity:.2;background-image:repeating-linear-gradient(#ffffff08 0 1px,#0000 2px 5px)}.retro-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0a0e1ee0,#080d1bb3),linear-gradient(120deg,#5628d72e,#0000 45%,#22d3ee14);border:1px solid #8e5cff40;border-radius:2rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 24px 80px #0307128c,0 0 0 1px #22d3ee14}.retro-shell:before,.retro-panel:before,.retro-panel-strong:before,.retro-panel-muted:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(120deg,#0000 15%,#ffffff14 28%,#0000 40%);position:absolute;inset:0;transform:translate(-40%)}.retro-shell:hover:before,.retro-panel:hover:before,.retro-panel-strong:hover:before,.retro-panel-muted:hover:before{opacity:1;animation:1.15s retro-shine}.retro-panel,.retro-panel-strong,.retro-panel-muted{border-radius:1.75rem;position:relative;overflow:hidden}.retro-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0c1123d6,#080c1cb8),linear-gradient(145deg,#7844ff24,#0000 50%,#22d3ee14);border:1px solid #7384ff38;box-shadow:inset 0 1px #ffffff0f,0 22px 60px #0206176b}.retro-panel-strong{background:radial-gradient(circle at 0 0,#a855f72e,#0000 35%),radial-gradient(circle at 100% 100%,#22d3ee29,#0000 42%),linear-gradient(#0a0d1cf0,#070a18db);border:1px solid #ec489942;box-shadow:inset 0 1px #ffffff14,0 24px 80px #0307127a,0 0 24px #a855f71f}.retro-panel-muted{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1a8a;border:1px solid #6d78b42e;box-shadow:inset 0 1px #ffffff0a}.retro-kicker{color:#c5f7ffeb;text-transform:uppercase;letter-spacing:.26em;background:#091121b8;border:1px solid #22d3ee38;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1rem;font-size:.7rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 0 24px #22d3ee1a}.retro-title{font-family:"Orbitron","Space Grotesk",var(--font-orbitron-display),var(--font-geist-sans),sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#f6f9ff;text-shadow:0 0 18px #a855f73d,0 0 28px #22d3ee24}.retro-copy{color:#c6d6f4c2}.retro-label{color:#7d9ddad6;letter-spacing:.28em;text-transform:uppercase;font-size:.72rem}.retro-metric{background:linear-gradient(#0b1125db,#080c1ac2);border:1px solid #7058ff33;border-radius:1.5rem;flex-direction:column;justify-content:space-between;min-height:8.75rem;padding:1rem 1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 44px #03071261}.retro-metric:after{content:"";background:linear-gradient(90deg,#a855f799,#22d3ee33,#0000);height:1px;position:absolute;inset:auto 1rem .75rem}.retro-metric__value{white-space:nowrap;letter-spacing:-.02em;line-height:1.02}.retro-metric__value--small{font-size:.95rem}.retro-metric__label{letter-spacing:.24em;font-size:.62rem}.retro-input,.retro-select{color:#eff4ff;background:#080d1cd1;border:1px solid #6a7ed13d;box-shadow:inset 0 1px #ffffff0a,0 0 #0000}.retro-input::placeholder{color:#98abd37a}.retro-input:focus,.retro-select:focus{border-color:#22d3ee6b;box-shadow:0 0 0 1px #22d3ee3d,0 0 24px #22d3ee1f}.retro-button-primary{color:#f8fbff;background:linear-gradient(135deg,#863dfffa,#4c5ffff2 45%,#22d3eeeb);border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff1f,0 18px 40px #3a52ff3d,0 0 22px #a855f72e}.retro-button-primary:hover{filter:brightness(1.05);box-shadow:inset 0 1px #ffffff24,0 22px 48px #3a52ff4d,0 0 26px #22d3ee38}.retro-button-secondary{color:#e8eeff;background:#090f20b8;border:1px solid #6c80d638;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #03071247}.retro-button-secondary:hover{border-color:#22d3ee57;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #a855f724,0 0 24px #22d3ee1f}.retro-table [data-slot=table-header] tr{border-color:#6d80c72e}.retro-table [data-slot=table-row]{border-color:#6d80c724}.retro-table [data-slot=table-row]:hover{background:#22d3ee0d}.retro-table [data-slot=table-head]{color:#94ace6d6;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}.dashboard-chip,.createflow-status__item,.dashboard-list__row{background:#ffffff08;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0d}.dashboard-swatch{border:1px solid #ffffff24;border-radius:1rem;width:3rem;height:3rem;box-shadow:inset 0 1px #ffffff2e,0 16px 28px #03071238}.dashboard-checklist ul,.createflow-tips ul{color:#c6d6f4c2;margin:0;padding-left:1rem}.dashboard-checklist li,.createflow-tips li{line-height:1.65}.dashboard-list__row{border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.dashboard-list__row:hover,.dashboard-formcard:hover{border-color:#22d3ee38;box-shadow:0 0 0 1px #22d3ee14,0 16px 30px #0307122e}.createflow-preview:after,.dashboard-feature__visual:after{content:"";background:linear-gradient(90deg,#22d3ee6b,#a855f71f,#0000);height:1px;position:absolute;inset:auto 1.25rem 1rem}.siteheader{--siteheader-active-x:0px;--siteheader-active-w:1px;position:sticky}.siteheader:before{content:"";pointer-events:none;opacity:.95;background:linear-gradient(#a855f714,#0000 55%);border-bottom:1px solid #a855f738;position:absolute;inset:0}.siteheader:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 2px 6px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 95%);mask-image:linear-gradient(#000000d9,#0000 95%)}.siteheader__ambient,.siteheader__particles{pointer-events:none;position:absolute;inset:0}.siteheader__ambient{filter:blur(18px);opacity:.8;background:radial-gradient(circle,#22d3ee47,#0000 70%);height:32px;inset:auto 12% -18px}.siteheader__particles{display:none}.siteheader__pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c1ca3;border:1px solid #8468ff38;border-radius:999px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 18px 42px #02061757}.siteheader__nav{min-height:4.25rem}.siteheader__tab{background:#ffffff05;border:1px solid #ffffff0f;flex:none;position:relative;overflow:hidden;box-shadow:0 0 #0000}.siteheader__tab:hover{border-color:#a855f759;box-shadow:0 0 0 1px #22d3ee14,0 0 22px #a855f72e,0 0 26px #22d3ee1f}.siteheader__tab[data-active=true]{border-color:#a855f773}.siteheader__tab-label{z-index:1;display:block;position:relative}.siteheader__tab-label:after{content:"";opacity:0;filter:blur(2px);background:linear-gradient(110deg,#0000 0%,#22d3ee38 35%,#a855f72e 50%,#0000 72%);width:42%;transition:opacity .18s;position:absolute;top:-20%;bottom:-20%;left:-55%;transform:skew(-18deg)translate(0)}.siteheader__tab:hover .siteheader__tab-label:after{opacity:1;animation:.9s both siteheader-hologlare}.siteheader__active-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#22d3ee2e,#0000 58%),linear-gradient(90deg,#a855f724,#22d3ee24);height:calc(100% - 8px);transition:opacity .18s,transform .38s cubic-bezier(.2,.9,.2,1),width .38s cubic-bezier(.2,.9,.2,1);box-shadow:0 0 0 1px #ffffff0f}:root:not(.dark) .retro-backdrop__grid{opacity:.2;background:linear-gradient(#f472b624 1px,#0000 1px),linear-gradient(90deg,#fb929224 1px,#0000 1px)}:root:not(.dark) .retro-backdrop__glow--left{background:radial-gradient(circle at 22% 18%,#ffabab6b,#0000 22%)}:root:not(.dark) .retro-backdrop__glow--right{background:radial-gradient(circle at 78% 14%,#fb71854d,#0000 26%)}:root:not(.dark) .retro-backdrop__horizon{background:linear-gradient(90deg,#0000,#ef4444db,#fb7185eb,#0000);box-shadow:0 0 18px #ef44446b,0 0 40px #fb71852e}:root:not(.dark) .retro-backdrop__noise{opacity:.1;background-image:repeating-linear-gradient(#ef444405 0 1px,#0000 2px 5px)}:root:not(.dark) .retro-shell{box-shadow:none;background:linear-gradient(#fffcfbf5,#fff6f5eb);border-color:#ef444424}:root:not(.dark) .retro-shell:before,:root:not(.dark) .retro-panel:before,:root:not(.dark) .retro-panel-strong:before,:root:not(.dark) .retro-panel-muted:before{display:none}:root:not(.dark) .retro-panel{box-shadow:none;background:linear-gradient(#ffffffeb,#fff8f7f2);border-color:#ef44441f}:root:not(.dark) .retro-panel-strong{box-shadow:none;background:linear-gradient(#fffffff5,#fff8f7f0);border-color:#ef444429}:root:not(.dark) .retro-panel-muted{box-shadow:none;background:#fffafac7;border-color:#ef44441a}:root:not(.dark) .retro-kicker{color:#111827e6;background:#fff2f2d6;border-color:#ef44442e;box-shadow:inset 0 1px #ffffffd1,0 0 24px #ef444414}:root:not(.dark) .retro-title{color:#111827;text-shadow:none}:root:not(.dark) .retro-copy{color:#1f2937c2}:root:not(.dark) .retro-label{color:#111827c2}:root:not(.dark) .retro-metric{background:linear-gradient(#ffffffeb,#fff6f6e6);border-color:#ef44441f;box-shadow:inset 0 1px #ffffffe6,0 18px 44px #ef444414}:root:not(.dark) .retro-metric--stat{background:linear-gradient(#fffffff0,#fff5f5eb),linear-gradient(145deg,#ffc6c62e,#0000 52%,#fb71850f)}:root:not(.dark) .retro-metric__value{font-size:clamp(1.5rem,2.2vw,2rem)}:root:not(.dark) .retro-metric__value--small{font-size:.9rem}:root:not(.dark) .retro-metric__label{font-size:.58rem}:root:not(.dark) .retro-metric:after{background:linear-gradient(90deg,#ef44448c,#fb71852e,#0000)}:root:not(.dark) .retro-input,:root:not(.dark) .retro-select{color:#111827;background:#ffffffeb;border-color:#ef444424;box-shadow:inset 0 1px #ffffffdb,0 0 #0000}:root:not(.dark) .retro-input::placeholder{color:#6b72808c}:root:not(.dark) .retro-input:focus,:root:not(.dark) .retro-select:focus{border-color:#ef444457;box-shadow:0 0 0 1px #ef44442e,0 0 24px #ef444414}:root:not(.dark) .retro-button-primary{color:#fffaf9;background:linear-gradient(135deg,#f43f5efa,#ef4444f5 48%,#fb7185f0);border-color:#fff6;box-shadow:inset 0 1px #ffffff2e,0 18px 40px #ef444438,0 0 22px #fb71851f}:root:not(.dark) .retro-button-primary:hover{box-shadow:inset 0 1px #fff3,0 22px 48px #ef444442,0 0 26px #ef444429}:root:not(.dark) .retro-button-secondary{color:#7f1d1d;background:linear-gradient(#fffffffa,#fff2f2fa);border-color:#ef444433;box-shadow:inset 0 1px #fffffff0,0 12px 28px #ef44441f}:root:not(.dark) .retro-button-secondary:hover{border-color:#ef444452;box-shadow:inset 0 1px #fffffffa,0 0 0 1px #fb718529,0 0 24px #ef44441a}:root:not(.dark) .retro-table [data-slot=table-header] tr,:root:not(.dark) .retro-table [data-slot=table-row]{border-color:#ef44441a}:root:not(.dark) .retro-table [data-slot=table-row]:hover{background:#ef44440a}:root:not(.dark) .retro-table [data-slot=table-head]{color:#991b1bb8}:root:not(.dark) .dashboard-chip,:root:not(.dark) .createflow-status__item,:root:not(.dark) .dashboard-list__row{background:#fff9f9d1;border-color:#ef444414;box-shadow:inset 0 1px #ffffffd6}:root:not(.dark) .dashboard-swatch{border-color:#ef44441a;box-shadow:inset 0 1px #ffffff47,0 16px 28px #ef44441a}:root:not(.dark) .dashboard-checklist ul,:root:not(.dark) .createflow-tips ul{color:#5c1b1bcc}:root:not(.dark) .dashboard-list__row:hover,:root:not(.dark) .dashboard-formcard:hover{border-color:#ef444429;box-shadow:0 0 0 1px #ef444414,0 16px 30px #ef44441a}:root:not(.dark) .createflow-preview:after,:root:not(.dark) .dashboard-feature__visual:after{background:linear-gradient(90deg,#ef444461,#fb71851f,#0000)}:root:not(.dark) .siteheader{color:#4c1d1d}:root:not(.dark) .siteheader:before{background:linear-gradient(#ffffffc7,#0000 55%);border-bottom-color:#ef444424}:root:not(.dark) .siteheader:after{opacity:.08;mix-blend-mode:multiply}:root:not(.dark) .siteheader__ambient{opacity:.9;background:radial-gradient(circle,#ef44442e,#0000 70%)}:root:not(.dark) .siteheader__pill{background:#fffcfbc7;border-color:#ef44441f;box-shadow:inset 0 1px #ffffffe0,0 18px 42px #ef444414}:root:not(.dark) .siteheader__tab{color:#5c1b1b;background:#fff7f7b8;border-color:#ef444414}:root:not(.dark) .siteheader__tab:hover{border-color:#ef44443d;box-shadow:0 0 0 1px #ef444414,0 0 22px #ef44441a,0 0 26px #fb71850f}:root:not(.dark) .siteheader__tab[data-active=true]{border-color:#ef444447}:root:not(.dark) .siteheader__tab-label:after{background:linear-gradient(110deg,#0000 0%,#ef444429 35%,#fb71852e 50%,#0000 72%)}:root:not(.dark) .siteheader__active-indicator{background:radial-gradient(circle,#ef44441f,#0000 58%),linear-gradient(90deg,#ef44441a,#fb71851f);box-shadow:0 0 0 1px #ffffff80}:root:not(.dark) .siteheader :is(.text-slate-50,.text-slate-100,.text-slate-200,.text-slate-300,.text-cyan-100\/55,.text-cyan-100\/60){color:#4c1d1d}:root:not(.dark) .siteheader :is(.hover\:bg-white\/10:hover,.hover\:bg-white\/8:hover){background:#ef44440f}:root:not(.dark) .siteheader .border-white\/10{border-color:#ef44441a}:root:not(.dark) footer,:root:not(.dark) footer .retro-label,:root:not(.dark) footer .retro-copy,:root:not(.dark) footer a,:root:not(.dark) footer p,:root:not(.dark) footer .text-cyan-100\/55,:root:not(.dark) footer .text-cyan-100\/60,:root:not(.dark) footer .text-cyan-100\/65{color:#000}:root:not(.dark) footer a:hover{color:#111}:root:not(.dark) .retro-app,:root:not(.dark) .retro-app *{color:#000!important}:root:not(.dark) .retro-app svg{color:inherit}@keyframes siteheader-hologlare{0%{transform:skew(-18deg)translate(0)}60%{transform:skew(-18deg)translate(180%)}to{transform:skew(-18deg)translate(260%)}}@keyframes retro-shine{0%{transform:translate(-40%)}to{transform:translate(120%)}}@keyframes retro-float-left{0%{transform:translate(-2%,-1%)}to{transform:translate(2%,2%)}}@keyframes retro-float-right{0%{transform:translate(2%,-1%)}to{transform:translate(-3%,2%)}}@keyframes retro-particle{0%{opacity:.2;transform:translate(0,0)scale(.8)}40%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1.2)}}