:root{--color-night:#060d15;--color-stone:#bcc4ca;--color-echo-blue:#1e9be0;--color-electric:#00c8ff;--color-white:#fff;--color-night-deep:#03080d;--color-night-700:#0a1420;--color-night-600:#102031;--color-stone-light:#d6dbdf;--color-stone-dim:#8d979f;--color-electric-core:#c9f4ff;--color-blue-light:#3fb4ef;--color-blue-deep:#127cba;--line:#bcc4ca29;--line-strong:#bcc4ca52;--veil:#060d15b8;--gradient-brand:linear-gradient(90deg, #d6dbdf 0%, #9aa3aa 30%, #bcd6e6 55%, #3fb4ef 80%, #127cba 100%);--glow-text:0 0 2px var(--color-electric-core), 0 0 8px var(--color-electric), 0 0 20px #00c8ff99;--glow-box:0 0 6px #00c8ffe6, 0 0 18px #00c8ff99, 0 0 42px #0077ff73;--font-display:"Creato Display", "Helvetica Neue", Arial, sans-serif;--font-ui:"Purista", "Arial Narrow", "Roboto Condensed", sans-serif;--font-accent:"SK Eliz", var(--font-ui);--tracking-label:.24em;--tracking-wide:.32em;--tracking-tight:.18em;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);--text-2xl:clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);--text-3xl:clamp(2.75rem, 1.2rem + 6.5vw, 8rem);--text-4xl:clamp(3.25rem, .8rem + 10vw, 12.5rem);--gutter:clamp(16px, 4vw, 56px);--max-width:1400px;--section-space:clamp(6rem, 4rem + 9vw, 12rem);--header-height:68px;--radius-ui:2px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--duration-press:.14s;--duration-ui:.22s;--duration-reveal:.9s;--z-header:50;--z-menu:60;--z-dialog:70;--z-skip:90}@font-face{font-family:Creato Display;src:url(/fonts/creato-display-900.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/fonts/creato-display-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Purista;src:url(/fonts/purista-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Purista;src:url(/fonts/purista-500.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Purista;src:url(/fonts/purista-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Purista;src:url(/fonts/purista-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SK Eliz;src:url(/fonts/sk-eliz-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark;background:var(--color-night);-webkit-text-size-adjust:100%}body{background:var(--color-night);min-height:100dvh;color:var(--color-white);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:1rem;font-weight:500;line-height:1.5}img,svg,picture{max-width:100%;display:block}img{height:auto}[hidden]{display:none!important}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-blue-light)}:focus-visible{outline:2px solid var(--color-electric);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.a-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);font-weight:900;line-height:1}.a-subtitle{font-family:var(--font-display);text-transform:uppercase;font-size:1.125rem;font-weight:900;line-height:1.1}.a-label{letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--color-stone);font-size:.75rem;font-weight:600}.a-muted{color:var(--color-stone-dim)}.a-lead{color:var(--color-stone);max-width:60ch}.btn{border-radius:var(--radius-ui);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;min-height:46px;transition:background-color var(--duration-ui) ease, border-color var(--duration-ui) ease, color var(--duration-ui) ease, box-shadow var(--duration-ui) ease, transform var(--duration-press) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn .icon{width:1.15rem;height:1.15rem}.btn--primary{background:var(--color-blue-deep);color:var(--color-white)}.btn--ghost{border-color:var(--line-strong);color:var(--color-stone-light);background:0 0}.btn--danger{color:#ff9d9d;background:0 0;border-color:#ff787873}.btn--small{min-height:38px;padding:0 .875rem;font-size:.75rem}.btn--icon{width:44px;min-height:44px;padding:0}@media (hover:hover) and (pointer:fine){.btn--primary:hover{box-shadow:0 0 0 1px var(--color-electric), 0 0 22px #00c8ff4d}.btn--ghost:hover{border-color:var(--color-stone);color:var(--color-white)}.btn--danger:hover{background:#ff78781a}}.btn[disabled]{opacity:.5;pointer-events:none}.field{gap:.45rem;display:grid}.field__label{color:var(--color-white);font-size:.875rem;font-weight:600}.field__required{color:var(--color-electric);margin-left:.15em}.field__help{color:var(--color-stone-dim);font-size:.8125rem}.field__error{color:#ff9d9d;font-size:.8125rem}.input,.textarea,.select{background:var(--color-night-deep);border:1px solid var(--line-strong);border-radius:var(--radius-ui);width:100%;min-height:48px;color:var(--color-white);transition:border-color var(--duration-ui) ease;padding:.7rem .875rem;font-size:1rem}.textarea{resize:vertical;line-height:1.55}.input::placeholder,.textarea::placeholder{color:#7d8790}.input:hover,.textarea:hover{border-color:var(--color-stone-dim)}.input:focus-visible,.textarea:focus-visible{outline:2px solid var(--color-electric);outline-offset:0;border-color:#0000}.field--invalid .input,.field--invalid .textarea{border-color:#ff9d9d}.choices{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:.6rem;display:grid}.choice{border:1px solid var(--line-strong);border-radius:var(--radius-ui);cursor:pointer;transition:border-color var(--duration-ui) ease, background-color var(--duration-ui) ease;gap:.15rem;padding:.85rem 1rem;display:grid;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice__title{font-family:var(--font-display);text-transform:uppercase;font-weight:900}.choice__detail{color:var(--color-stone-dim);font-size:.8125rem}.choice:has(input:checked){border-color:var(--color-electric);box-shadow:inset 0 0 0 1px var(--color-electric);background:#00c8ff12}.choice:has(input:focus-visible){outline:2px solid var(--color-electric);outline-offset:2px}.switch{cursor:pointer;align-items:center;gap:.75rem;min-height:44px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{background:var(--color-night-600);border:1px solid var(--line-strong);width:44px;height:26px;transition:background-color var(--duration-ui) ease, border-color var(--duration-ui) ease;border-radius:999px;flex-shrink:0;position:relative}.switch__track:after{content:"";background:var(--color-stone);width:18px;height:18px;transition:transform var(--duration-ui) var(--ease-out), background-color var(--duration-ui) ease;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--color-blue-deep);border-color:var(--color-electric)}.switch input:checked+.switch__track:after{background:var(--color-white);transform:translate(18px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--color-electric);outline-offset:2px}.switch__text{line-height:1.3;display:grid}.switch__hint{color:var(--color-stone-dim);font-size:.8125rem}.panel{background:var(--color-night-700);border:1px solid var(--line);border-radius:var(--radius-ui);padding:clamp(1.1rem,3vw,1.75rem)}.panel+.panel{margin-top:1.25rem}.panel__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.25rem;display:flex}.stack,.grid-2{gap:1.25rem;display:grid}@media (width>=760px){.grid-2{grid-template-columns:1fr 1fr}}.tag{border-radius:var(--radius-ui);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--color-stone);white-space:nowrap;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.tag--live{color:var(--color-electric);border-color:#00c8ff80}.tag--draft{color:var(--color-stone-dim);border-style:dashed}.tag--example{color:#f2c879;border-style:dashed;border-color:#f2c87980}.notice{border-radius:var(--radius-ui);color:#f5dfb3;background:#f2c8790f;border:1px solid #f2c87966;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;font-size:.9375rem;display:flex}.notice--error{color:#ffc4c4;background:#ff787812;border-color:#ff787873}.notice .icon{flex-shrink:0;margin-top:.1rem}.form-actions{z-index:5;background:linear-gradient(180deg, transparent, var(--color-night) 30%);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.9rem 0;display:flex;position:sticky;bottom:0}@media (width<=899px){.form-actions{bottom:calc(64px + env(safe-area-inset-bottom))}}.confirm{border:1px solid var(--line-strong);border-radius:var(--radius-ui);background:var(--color-night-700);width:min(92vw,440px);color:var(--color-white);margin:auto;padding:0}.confirm::backdrop{background:#03080dbf}.confirm__body{gap:1.5rem;padding:1.5rem;display:grid}.confirm__actions{justify-content:flex-end;gap:.75rem;display:flex}@media (prefers-reduced-motion:no-preference){.confirm[open]{animation:confirm-in .2s var(--ease-out)}}@keyframes confirm-in{0%{opacity:0;transform:scale(.96)}}
