@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#08080c;--panel:#101015;--line:#24242d;--muted:#9292a3;--white:#f5f5f8;--purple:#9258f6;--blue:#628cff;--lime:#a8df25;--font:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f5f8;font-family:var(--font);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 18%,#35215a2a,transparent 35%),radial-gradient(ellipse at 10% 55%,#172c5120,transparent 35%);z-index:-1}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.topbar{height:78px;max-width:1320px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:.13em}.brand img{width:35px;height:35px}.muted{color:#89899b;margin-left:5px}.top-meta,.eyebrow,.hero-foot,.step-time,.progress-label,footer>span{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}.top-meta{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #a8df25}.admin-link{margin-left:22px;color:#bdbdcc}.admin-link span{color:var(--purple)}
.hero{min-height:740px;max-width:1320px;margin:auto;padding:110px 7% 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{z-index:2}.eyebrow{color:#a77cff;display:flex;align-items:center;gap:12px}.line{height:1px;width:24px;background:var(--purple)}h1{font-size:clamp(58px,7.1vw,100px);line-height:.99;letter-spacing:-.075em;margin:30px 0 26px;font-weight:800}.gradient-text{background:linear-gradient(105deg,#a46aff 4%,#6f91ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:480px;color:#a3a3b1;font-size:16px;line-height:1.8}.primary-btn{border:0;border-radius:999px;padding:16px 24px;background:linear-gradient(110deg,#9457f5,#648cff);color:white;font:700 13px var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:26px;box-shadow:0 10px 30px #7456ec28;transition:transform .25s,box-shadow .25s}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #7456ec55}.primary-btn span{font-size:17px}.hero-copy>.primary-btn{margin-top:25px}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:58px;font-size:9px}.hero-foot i{height:1px;width:38px;background:#454552}.hero-art{height:500px;position:relative;display:grid;place-items:center;perspective:900px}.orbit{position:absolute;border:1px solid #7f68c42b;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:420px;height:280px;animation:orbit 18s linear infinite}.orbit-two{width:520px;height:360px;transform:rotate(45deg);border-color:#718cff24;animation:orbit 26s linear infinite reverse}.visual-card{position:absolute;width:285px;height:355px;border:1px solid #ffffff24;border-radius:24px;background:linear-gradient(145deg,#17171f,#0b0b11);box-shadow:0 35px 90px #0009;display:flex;flex-direction:column;justify-content:space-between;padding:25px}.card-back{transform:translate(65px,-25px) rotate(11deg);background:linear-gradient(145deg,#22202d,#101018);color:#b3a0eb;font:12px var(--mono);letter-spacing:.1em}.card-back b{font-size:10px;color:#77768a}.card-front{transform:translate(-25px,15px) rotate(-7deg);align-items:center;justify-content:center;gap:30px;background:radial-gradient(circle at 50% 40%,#60419a45,transparent 55%),linear-gradient(145deg,#191820,#0b0b10);animation:float 6s ease-in-out infinite}.card-front img{width:130px;filter:drop-shadow(0 15px 28px #7757ff55)}.visual-caption{text-align:center;font-size:12px;letter-spacing:.15em;font-weight:800}.visual-caption small{display:block;color:#88889b;font:9px var(--mono);margin-top:8px}.visual-number{position:absolute;bottom:18px;right:22px;color:#77758a;font:11px var(--mono)}.float-tag{position:absolute;border:1px solid #ffffff24;border-radius:99px;padding:11px 15px;background:#111119dd;color:#d0c4ff;font:9px var(--mono);letter-spacing:.1em}.tag-top{top:70px;right:2px}.tag-top span{color:var(--lime);margin-left:8px}.tag-bottom{bottom:65px;left:0;color:#9caeff}.scroll-note{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.18em;color:#696979}.scroll-note span{display:block;text-align:center;font-size:16px;margin-top:8px;color:#a17bff}
.process{padding:125px max(7%,calc((100% - 1120px)/2));background:#0d0d13;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a}.section-heading h2,.form-intro h2{font-size:clamp(42px,5vw,64px);letter-spacing:-.065em;line-height:1.04;margin:25px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.step{min-height:245px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#15151d,#0d0d12);position:relative;transition:transform .3s,border-color .3s}.step:hover{transform:translateY(-7px);border-color:#7657c7}.step-no{position:absolute;right:25px;top:28px;color:#666579;font:11px var(--mono)}.step-icon{font-size:25px;color:#a77cff;margin:5px 0 24px}.step h3{font-size:19px;margin:0 0 10px}.step p{font-size:13px;line-height:1.7;color:#9292a3;max-width:280px}.step-time{display:block;margin-top:23px;font-size:8px;color:#a77cff}
.form-section{max-width:1320px;margin:auto;padding:140px 7%;display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:start}.form-intro{position:sticky;top:80px}.form-intro p{font-size:14px;line-height:1.8;color:#9292a3;max-width:330px}.progress-wrap{margin-top:55px;max-width:290px}.progress-label{display:flex;justify-content:space-between;font-size:9px;margin-bottom:12px}.progress-track{height:3px;background:#272631;border-radius:5px;overflow:hidden}.progress-track span{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));transition:width .4s}.form-card{border:1px solid #292832;background:linear-gradient(145deg,#14141b,#0e0e13);border-radius:22px;padding:34px;min-width:0;box-shadow:0 30px 80px #0004}.form-title{display:flex;gap:17px;align-items:flex-start;margin-bottom:30px}.form-title>span{font:12px var(--mono);color:#a77cff;border:1px solid #8b62db55;padding:8px 10px;border-radius:8px}.form-title h3{font-size:22px;margin:0 0 5px}.form-title p{margin:0;color:#858596;font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field-grid label{font-size:11px;color:#bdbdca;display:flex;flex-direction:column;gap:9px}.field-grid .full{grid-column:1/-1}input,textarea,select{width:100%;background:#0a0a0f;border:1px solid #2b2a35;border-radius:9px;padding:13px 14px;color:#f2f1f7;font:12px var(--font);outline:none;transition:border .2s}input:focus,textarea:focus,select:focus{border-color:#9469e9}input::placeholder,textarea::placeholder{color:#5f5e6e}textarea{resize:vertical;line-height:1.6}select{color:#a5a4b2}option{background:#111}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding-top:25px;border-top:1px solid #ffffff12}.form-actions>span{font:8px var(--mono);letter-spacing:.1em;color:#696979}.text-btn{border:0;background:none;color:#aaa7bc;cursor:pointer;font:12px var(--font)}.form-step{display:none}.form-step.active{display:block;animation:fadeUp .45s both}.upload-zone{border:1px dashed #62518a;border-radius:12px;padding:24px;text-align:center;align-items:center!important;background:#17132155;cursor:pointer}.upload-zone input{display:none}.upload-icon{font-size:25px;color:#a77cff}.upload-zone strong{font-size:12px;color:#e7e2f7}.upload-zone small{font-size:10px;color:#77768a}.file-list{font:10px var(--mono);color:#a77cff;max-width:100%;overflow-wrap:anywhere}.success-state{display:none;text-align:center;padding:55px 20px}.success-state.show{display:block;animation:fadeUp .5s both}.success-mark{width:58px;height:58px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;background:#9bd82b18;border:1px solid #9bd82b77;color:var(--lime);font-size:25px}.success-state h3{font-size:43px;line-height:1.05;letter-spacing:-.06em;margin:20px 0}.success-state p{max-width:390px;margin:0 auto 25px;color:#9b9aa9;font-size:13px;line-height:1.8}
footer{border-top:1px solid #ffffff12;padding:28px 7%;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto}footer .brand{font-size:10px}footer .brand img{width:27px;height:27px}footer>span{font-size:8px}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes orbit{to{rotate:360deg}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fadeUp .9s both}.hero-art.reveal{animation-delay:.15s}
@media(max-width:900px){.hero{padding:80px 7% 90px;grid-template-columns:1fr;min-height:auto}.hero-art{height:410px;margin-top:20px}.hero-copy{max-width:650px}.tag-top{right:10%}.process{padding-top:90px;padding-bottom:90px}.form-section{grid-template-columns:1fr;gap:40px;padding-top:95px}.form-intro{position:static}.form-intro p{max-width:560px}.progress-wrap{margin-top:30px}.steps{margin-top:40px}}
@media(max-width:600px){.topbar{height:65px;padding:0 5%}.top-meta{font-size:8px}.admin-link{margin-left:6px}.hero{padding-top:75px}.hero h1{font-size:62px}.lead{font-size:14px}.hero-art{height:350px;transform:scale(.85);margin:-5px -25px}.visual-card{width:240px;height:300px}.orbit-one{width:330px}.orbit-two{width:390px}.tag-top{right:0}.tag-bottom{left:0}.hero-foot{font-size:7px;gap:8px}.steps{grid-template-columns:1fr}.step{min-height:210px}.process{padding:85px 7%}.form-section{padding:85px 5%}.form-card{padding:22px 17px}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.form-actions{align-items:flex-end}.form-actions>span{max-width:130px;line-height:1.6}.form-actions .primary-btn{padding:14px 17px;gap:12px}footer{padding:25px 5%;gap:15px;flex-wrap:wrap}footer>span{font-size:7px}.success-state h3{font-size:37px}}

/* Contrast guard: the portal is dark by design, so all primary copy stays light. */
#mv-preview, body, main, section, article, header, footer, h1, h2, h3, h4, label, p, span, strong, small, button, a { color: inherit; }
body, .form-card, .step, .visual-card { color: #f5f5f8; }
input, textarea, select, option { color: #f5f5f8; color-scheme: dark; }
input::placeholder, textarea::placeholder { color: #858595; }