:root { color-scheme: dark; --ink:#f7f5ff; --muted:#bdb8ca; --panel:#19162a; --panel2:#211d36; --accent:#a98bff; --line:rgba(255,255,255,.12); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 15% 0%,#33245d 0,transparent 32rem),#100d1c; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.topbar { min-height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 6vw; border-bottom:1px solid var(--line); background:rgba(16,13,28,.72); backdrop-filter:blur(14px); }
.brand { color:white; text-decoration:none; font-weight:800; letter-spacing:.06em; }.brand span { margin-left:.45rem; color:var(--muted); font-size:.77rem; letter-spacing:0; font-weight:500; }
.text-button { color:var(--ink); background:transparent; border:1px solid var(--line); border-radius:8px; padding:.6rem .85rem; cursor:pointer; }
.shell { width:min(1080px,88vw); margin:0 auto; padding:5.5rem 0 6rem; }.eyebrow { margin:0 0:.7rem; color:#cbbcff; font-size:.74rem; font-weight:800; letter-spacing:.13em; }.shell h1 { max-width:800px; font-size:clamp(2.2rem,5vw,4.4rem); line-height:1.02; margin:0; }.intro { max-width:700px; color:var(--muted); font-size:1.1rem; line-height:1.65; }
.summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:2.3rem 0 1rem; }.summary-grid article,.card { padding:1.5rem; background:linear-gradient(145deg,rgba(38,32,63,.94),rgba(25,22,42,.92)); border:1px solid var(--line); border-radius:16px; }.summary-grid span { display:block; color:var(--muted); font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }.summary-grid strong { display:block; margin-top:.5rem; font-size:1.12rem; }.status { color:#a9edc2; }.card { margin-top:1rem; }.card h2 { margin:.1rem 0 .65rem; font-size:1.4rem; }.card p,.card li { color:#d5d0df; line-height:1.6; }.two-columns { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.two-columns .card { min-height:250px; }.card ul,.card ol { margin:1rem 0 0; padding-left:1.3rem; }.card li { margin:.55rem 0; }.process { margin-top:1rem; }.process ol { display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem 2rem; list-style-position:inside; padding:0; }.process li { padding:.7rem 0; border-bottom:1px solid var(--line); }
[hidden]{display:none!important}.stack-form{display:grid;gap:1rem;margin-top:1.25rem}label{display:grid;gap:.45rem;color:#eeeaf8;font-size:.86rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#100d1c;color:#fff;padding:.82rem;font:inherit}input[type=file]{padding:.65rem;color:#d7d0e6}input[type=file]::file-selector-button{margin-right:.75rem;border:0;border-radius:7px;padding:.55rem .7rem;background:#6f58b5;color:white;font:inherit;font-weight:700;cursor:pointer}textarea{resize:vertical;min-height:128px;line-height:1.5}label small{color:var(--muted);font-weight:500;line-height:1.45}.optional{color:#a99fba;font-weight:500}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}button{border:0;border-radius:9px;background:var(--accent);color:#1b1530;padding:.82rem 1rem;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.trial-card{border-color:rgba(169,139,255,.5)}.trial-counters{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.trial-counters span{padding:.55rem .75rem;border:1px solid rgba(169,139,255,.38);border-radius:999px;background:#151124;color:#ddd5ef;font-size:.82rem;font-weight:750}.format-picker{display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:11px}.format-picker legend{padding:0 .4rem;color:#eeeaf8;font-size:.86rem;font-weight:800}.format-picker label{display:flex;align-items:center;gap:.5rem}.format-picker input{width:auto;accent-color:var(--accent)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.preview-grid figure{margin:0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#100d1c}.preview-grid figcaption{margin-bottom:.7rem;color:#cbbcff;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.trial-preview,.trial-post-preview{display:block;width:min(360px,100%);max-height:640px;margin:0 auto;border-radius:12px;background:#080611;object-fit:contain}.trial-post-preview{-webkit-user-select:none;user-select:none}.preview-note,.form-status{color:var(--muted);font-size:.9rem}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.locked-action{display:grid;gap:.45rem;text-align:left;background:#151124;color:#fff;border:1px solid var(--line)}.locked-action span{color:#b7adcb;font-size:.74rem;font-weight:600}.upgrade-card{border-color:#a98bff;background:linear-gradient(145deg,#38265f,#1d1832)}#content-result{white-space:pre-wrap;overflow:auto;color:#d9d3e4}.portal-login{display:grid;place-items:center;padding:24px}.portal-login main{width:min(480px,100%);padding:34px;background:linear-gradient(145deg,#28213f,#171326);border:1px solid var(--line);border-radius:18px}.portal-login h1{margin:.25rem 0;font-size:clamp(2rem,5vw,2.8rem);line-height:1.08}.portal-login p,.portal-login small{color:var(--muted);line-height:1.55}.portal-login form{display:grid;gap:1rem;margin:1.5rem 0}.portal-login a{color:#cbbcff}.portal-error{padding:.8rem;border-radius:8px;background:#3b2230;color:#ffd7df!important}.portal-success{padding:.8rem;border-radius:8px;background:#173529;color:#c9f7dc!important}.portal-eyebrow{color:#cbbcff!important;font-size:.72rem;font-weight:800;letter-spacing:.13em}.login-links{display:flex;justify-content:space-between;gap:1rem}.consent-row{grid-template-columns:22px 1fr;align-items:start}.consent-row input{margin-top:.2rem}
@media (max-width:720px) { .topbar{padding:0 5vw}.brand span{display:none}.shell{width:min(90vw,600px);padding-top:3.5rem}.summary-grid,.two-columns,.process ol,.action-grid,.preview-grid,.asset-grid{grid-template-columns:1fr}.summary-grid article{padding:1.1rem}.process ol{display:block}.portal-login main{padding:24px}.login-links{flex-direction:column}.format-picker{display:grid} }