[x-cloak] { display: none !important; }
:root { color-scheme: dark; }
.hero-grid { background: radial-gradient(circle at 72% 15%, rgb(6 182 212 / .13), transparent 29rem), radial-gradient(circle at 8% 85%, rgb(59 130 246 / .1), transparent 28rem); }
.glass-card { border: 1px solid rgb(255 255 255 / .09); border-radius: 1.25rem; background: linear-gradient(145deg, rgb(30 41 59 / .72), rgb(15 23 42 / .86)); box-shadow: 0 24px 80px rgb(0 0 0 / .2); }
.eyebrow { color: rgb(103 232 249); font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.field-label { display: block; margin: 1.25rem 0 .45rem; color: rgb(148 163 184); font-size: .78rem; font-weight: 600; }
.field { width: 100%; border: 1px solid rgb(148 163 184 / .2); border-radius: .8rem; background: rgb(2 6 23 / .55); padding: .8rem 1rem; color: white; outline: none; transition: border-color .2s, box-shadow .2s; }
.field:focus { border-color: rgb(34 211 238 / .8); box-shadow: 0 0 0 3px rgb(34 211 238 / .12); }
.button-primary, .button-secondary { justify-content: center; border-radius: .75rem; padding: .72rem 1rem; font-size: .875rem; font-weight: 700; transition: transform .2s, background .2s, opacity .2s; }
.button-primary { background: rgb(34 211 238); color: rgb(8 47 73); }.button-primary:hover { background: rgb(103 232 249); transform: translateY(-1px); }.button-secondary { border: 1px solid rgb(255 255 255 / .12); color: rgb(226 232 240); }.button-secondary:hover { background: rgb(255 255 255 / .06); }.button-primary:disabled { cursor: wait; opacity: .6; transform: none; }
.feature-chip { border: 1px solid rgb(148 163 184 / .16); border-radius: 999px; background: rgb(15 23 42 / .5); padding: .35rem .65rem; }.option-card { border: 1px solid rgb(148 163 184 / .18); border-radius: .8rem; padding: .8rem 1rem; color: rgb(148 163 184); text-align: left; }.option-card strong { display: block; margin-top: .1rem; color: white; }.option-card.selected, .quality-pill.selected { border-color: rgb(34 211 238 / .65); background: rgb(34 211 238 / .1); color: rgb(165 243 252); }.quality-pill { border: 1px solid rgb(148 163 184 / .2); border-radius: 999px; padding: .45rem .75rem; color: rgb(203 213 225); font-size: .82rem; }.form-error { margin-top: 1rem; color: rgb(252 165 165); font-size: .85rem; }.progress-indeterminate { width: 35%; animation: slide 1.2s ease-in-out infinite; } @keyframes slide { from { transform: translateX(-120%); } to { transform: translateX(360%); } } @media (prefers-reduced-motion: reduce) { *, ::before, ::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }