:root{--bg:#f5f5f2;--surface:#fff;--text:#161618;--muted:#68686f;--accent:#5b4ff7;--accent-text:#fff;--border:#dedee3;--danger:#c52b35;--shadow:0 18px 50px #15152412;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:light}
[data-theme=dark]{--bg:#101014;--surface:#19191f;--text:#f6f6f8;--muted:#a4a4af;--accent:#8c82ff;--border:#303039;--shadow:0 18px 50px #0005;color-scheme:dark}
[data-theme=high-contrast]{--bg:#000;--surface:#000;--text:#fff;--muted:#fff;--accent:#ff0;--accent-text:#000;--border:#fff;color-scheme:dark}
[data-theme=tokyo-night]{--bg:#1a1b26;--surface:#24283b;--text:#c0caf5;--muted:#9aa5ce;--accent:#7aa2f7;--border:#414868;color-scheme:dark}
[data-theme=dracula]{--bg:#282a36;--surface:#343746;--text:#f8f8f2;--muted:#bcbcd1;--accent:#bd93f9;--border:#6272a4;color-scheme:dark}
[data-theme=nord]{--bg:#2e3440;--surface:#3b4252;--text:#eceff4;--muted:#d8dee9;--accent:#88c0d0;--accent-text:#2e3440;--border:#4c566a;color-scheme:dark}
[data-theme=solarized-light]{--bg:#fdf6e3;--surface:#eee8d5;--text:#586e75;--muted:#657b83;--accent:#268bd2;--border:#93a1a1;color-scheme:light}
[data-theme=solarized-dark]{--bg:#002b36;--surface:#073642;--text:#eee8d5;--muted:#93a1a1;--accent:#2aa198;--border:#586e75;color-scheme:dark}
@media(prefers-color-scheme:dark){[data-theme=system]{--bg:#101014;--surface:#19191f;--text:#f6f6f8;--muted:#a4a4af;--accent:#8c82ff;--border:#303039;--shadow:0 18px 50px #0005;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit}button,.button{border:0;border-radius:999px;background:var(--accent);color:var(--accent-text);font-weight:750;padding:.8rem 1.15rem;cursor:pointer;text-decoration:none}.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.brand{font-size:1.25rem;font-weight:900;text-decoration:none;letter-spacing:-.05em}.brand span{color:var(--accent)}.public-header,.admin-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:auto;padding:0 20px}.theme-picker{font-size:.8rem;color:var(--muted)}select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.55rem}.public-main,.centered{max-width:720px;margin:auto;padding:7vh 18px 80px}.hero{margin-bottom:2.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.5rem,10vw,5rem);line-height:.95;letter-spacing:-.065em;margin:.2em 0}h2{letter-spacing:-.035em}.hero>p:last-child{color:var(--muted)}.campaigns{display:grid;gap:12px}.campaign{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.platform{text-transform:uppercase;font-size:.65rem;font-weight:900;border:1px solid var(--border);border-radius:999px;padding:.5rem}.campaign h2{margin:0;font-size:1.1rem}.campaign p{color:var(--muted);margin:.3rem 0}.campaign small,.admin-list small{display:block;color:var(--muted)}.campaign.visited{opacity:.62}.campaign.visited .engage::before{content:'✓ '}.empty{text-align:center;background:var(--surface);padding:4rem;border-radius:var(--radius)}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:20px}.auth-card,.panel{width:min(100%,420px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.auth-card h1{font-size:2.6rem}.auth-card>p{color:var(--muted)}form{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:6px;font-size:.85rem;font-weight:700}input,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:.8rem}textarea{min-height:90px;resize:vertical}.form-error{color:var(--danger);min-height:1.2em;margin:0}details{margin-top:22px}summary{cursor:pointer;color:var(--muted)}.admin-header{max-width:none;border-bottom:1px solid var(--border)}.admin-header>div{display:flex;align-items:center;gap:16px}.admin-header button,.actions button{background:transparent;color:var(--muted);padding:.5rem}.admin-main{max-width:1100px;margin:0 auto;padding:50px 20px;display:grid;grid-template-columns:1fr 380px;gap:60px}.admin-main h1{font-size:4rem}.admin-list{list-style:none;padding:0;display:grid;gap:10px}.admin-list li{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.actions{display:flex}.actions .danger{color:var(--danger)}hr{border:0;border-top:1px solid var(--border);margin:28px 0}.panel h2{margin-top:0}
body[data-page=home]{background:#151620;background-image:radial-gradient(circle at 80% 15%,#7aa2f729,transparent 32%),radial-gradient(circle at 10% 70%,#bb9af71c,transparent 28%)}.home-nav,.home-footer{max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.home-nav{height:84px}.home-nav .brand{font-size:1.45rem}.nav-login{border:1px solid var(--border);border-radius:999px;padding:.65rem 1rem;text-decoration:none;font-weight:700}.home-main{max-width:1180px;margin:auto;padding:0 24px}.home-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:50px 0 90px}.home-pill{display:flex;align-items:center;gap:14px;margin:0 0 28px;color:#c0caf5;font-size:.95rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.home-pill span{width:38px;height:3px;background:#7aa2f7;border-radius:3px}.home-copy h1{font-size:clamp(4rem,7vw,7.4rem);max-width:720px}.home-copy h1 em{font-style:normal;color:var(--accent)}.home-lead{max-width:590px;font-size:1.22rem;line-height:1.65;color:var(--muted)}.home-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.home-actions .button,.focus-feature .button{padding:1rem 1.4rem}.home-actions>a:last-child{color:var(--muted);font-weight:700;text-decoration:none}.home-note{color:var(--muted);font-size:.8rem;margin-top:20px}.home-demo{position:relative;background:#1f2335;border:1px solid #414868;border-radius:32px;padding:24px;box-shadow:0 35px 100px #0008;transform:rotate(2deg)}.home-demo:before{content:'';position:absolute;inset:-10px;border:1px solid #7aa2f733;border-radius:40px;z-index:-1}.demo-top,.demo-profile,.demo-card,.demo-progress{display:flex;align-items:center}.demo-top{justify-content:space-between;color:#9aa5ce;font-size:.75rem}.demo-logo{font-weight:950;font-size:1.3rem;color:#c0caf5}.demo-logo span{color:#7aa2f7}.demo-profile{gap:12px;padding:28px 4px 18px}.demo-profile i{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#7aa2f7,#bb9af7);font-style:normal;font-weight:900;color:#151620}.demo-profile strong,.demo-profile small,.demo-card strong,.demo-card small{display:block}.demo-profile small,.demo-card small{color:#9aa5ce;margin-top:4px}.demo-card{gap:12px;background:#292e42;border:1px solid #414868;border-radius:17px;padding:14px;margin:9px 0}.demo-card>div{flex:1}.demo-card>span{color:#7aa2f7;font-size:1.3rem}.demo-card.dim{opacity:.5}.demo-card .platform{width:38px;height:38px;display:grid;place-items:center;padding:0}.demo-progress{gap:12px;margin:18px 4px 2px}.demo-progress:before{content:'';height:5px;flex:1;border-radius:10px;background:linear-gradient(90deg,#7aa2f7 66%,#414868 66%)}.demo-progress small{color:#9aa5ce}.platform-strip{border-top:1px solid #414868;border-bottom:1px solid #414868;display:flex;align-items:center;justify-content:center;gap:clamp(22px,6vw,80px);padding:28px;color:#9aa5ce}.platform-strip span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.platform-strip strong{color:#c0caf5}.how{padding:130px 0}.how>h2{font-size:clamp(3rem,6vw,5.8rem);margin:.15em 0 .8em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.feature{background:#1f2335;border:1px solid #414868;border-radius:26px;padding:28px}.steps article>span{color:#7aa2f7;font-family:monospace}.steps h3{font-size:1.4rem;margin:2.5rem 0 .5rem}.steps p,.feature>p{color:#9aa5ce;line-height:1.6}.steps code{color:#c0caf5}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding-bottom:130px}.feature{min-height:360px}.feature h2{font-size:clamp(2.5rem,5vw,4.5rem);margin:.3em 0}.themes-feature{background:linear-gradient(145deg,#24283b,#1a1b26)}.swatches{display:flex;margin:45px 0 30px}.swatches i{width:58px;height:58px;border-radius:50%;margin-left:-8px;border:4px solid #24283b;background:#7aa2f7}.swatches i:nth-child(2){background:#bb9af7}.swatches i:nth-child(3){background:#9ece6a}.swatches i:nth-child(4){background:#f7768e}.swatches i:nth-child(5){background:#e0af68}.metric-feature>strong{display:block;font-size:5.5rem;letter-spacing:-.08em;margin-top:35px}.metric-feature>span{color:#9aa5ce}.bars{height:85px;display:flex;align-items:end;gap:8px;margin:32px 0}.bars i{flex:1;background:#7aa2f7;border-radius:5px 5px 0 0}.bars i:nth-child(1){height:32%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:68%}.bars i:nth-child(5){height:58%}.bars i:nth-child(6){height:85%}.bars i:nth-child(7){height:100%;background:#bb9af7}.focus-feature{grid-column:1/-1;min-height:420px;background:linear-gradient(110deg,#7aa2f7,#7f65d9);color:#11131c;position:relative;overflow:hidden}.focus-feature:after{content:'↗';position:absolute;right:5%;bottom:-20%;font-size:22rem;opacity:.12}.focus-feature .eyebrow,.focus-feature>p{color:#11131caa}.focus-feature>p{max-width:560px}.focus-feature .button{display:inline-block;background:#11131c;color:#fff;margin-top:20px}.home-footer{border-top:1px solid #414868;min-height:140px;color:#9aa5ce}.home-footer p{font-size:.85rem}
body[data-page=home]{background-image:linear-gradient(#7aa2f70a 1px,transparent 1px),linear-gradient(90deg,#7aa2f70a 1px,transparent 1px),radial-gradient(circle at 80% 15%,#7aa2f738,transparent 32%),radial-gradient(circle at 10% 70%,#bb9af724,transparent 28%);background-size:42px 42px,42px 42px,auto,auto}.home-copy h1 em{text-shadow:0 0 42px #7aa2f755}.home-actions .button{box-shadow:0 0 0 1px #a9c7ff55,0 12px 35px #7aa2f744;text-transform:uppercase;letter-spacing:.04em}.home-demo{border-top:3px solid #7aa2f7;border-radius:8px 32px 8px 32px}.demo-live{display:flex;align-items:center;gap:7px;text-transform:uppercase;font-weight:850;letter-spacing:.1em;color:#9ece6a}.demo-live i{width:7px;height:7px;background:#9ece6a;border-radius:50%;box-shadow:0 0 12px #9ece6a}.demo-card:not(.dim){border-left:3px solid #7aa2f7}.raid-mantra{width:100vw;margin-left:calc(50% - 50vw);border-block:1px solid #7aa2f755;background:#7aa2f70d;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,44px);padding:22px;overflow:hidden;color:#c0caf5;text-transform:uppercase;font-size:clamp(.72rem,1.4vw,1rem);font-weight:950;letter-spacing:.11em;white-space:nowrap}.raid-mantra b{color:#bb9af7}.platform-strip{justify-content:center;gap:clamp(18px,4vw,52px);padding:38px 0}.platform-strip>span{color:#7aa2f7;font-weight:900}.platform-brand{display:flex;align-items:center;gap:10px}.platform-brand svg{width:34px;height:34px}.platform-brand strong{font-size:1rem}.steps article{border-radius:6px 24px 6px 24px;border-top:3px solid #7aa2f7}.steps article:nth-child(2){border-top-color:#bb9af7}.steps article:nth-child(3){border-top-color:#9ece6a}.feature{border-radius:8px 30px 8px 30px}
.auth-header{height:80px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.auth-header .brand{font-size:1.45rem}.auth-header>a:last-child{color:#9aa5ce;text-decoration:none}.auth-page{max-width:1180px;margin:auto;padding:50px 24px 100px}.auth-intro{text-align:center;max-width:760px;margin:0 auto 55px}.auth-intro h1{font-size:clamp(4rem,7vw,7rem);margin:.15em 0}.auth-intro>p:last-child{color:#9aa5ce;font-size:1.1rem}.auth-boxes{max-width:620px;margin:auto}.auth-box{display:none;scroll-margin-top:20px;background:#1f2335;border:1px solid #414868;border-top:3px solid #7aa2f7;border-radius:8px 30px 8px 30px;padding:34px;box-shadow:0 25px 70px #0004}.login-box{display:block}.register-box{border-top-color:#9ece6a}.register-box:target{display:block}.auth-boxes:has(.register-box:target) .login-box{display:none}.auth-box h2{font-size:clamp(2.2rem,3.5vw,3.6rem);line-height:1;letter-spacing:-.055em;margin:.3em 0}.auth-box>p:not(.eyebrow){color:#9aa5ce}.auth-box form{margin-top:30px}.auth-box input{background:#24283b;border-color:#414868;padding:1rem}.auth-box form .button{width:100%;padding:1rem;margin-top:6px;box-shadow:0 12px 35px #7aa2f733}.register-box form .button{background:#9ece6a;color:#152018;box-shadow:0 12px 35px #9ece6a22}.auth-box:target{outline:2px solid var(--accent);outline-offset:5px}.register-box:target{outline-color:#9ece6a}.auth-switch{text-align:center;margin:26px 0 0}.auth-switch a{color:#c0caf5;font-weight:850}
.raid-campaign{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.raid-campaign-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.raid-campaign-head h2{margin:0}.raid-campaign-head p{color:var(--muted);margin:.35rem 0 0}.raid-campaign-head strong{white-space:nowrap}.goal-track{height:7px;background:var(--border);border-radius:99px;margin:16px 0;overflow:hidden}.goal-track span{display:block;height:100%;background:var(--accent);border-radius:inherit}.campaign-links{display:grid;gap:10px}.campaign h3{margin:0;font-size:1.05rem;letter-spacing:-.025em}.campaign-links .campaign{box-shadow:none}.panel fieldset{border:1px solid var(--border);border-radius:14px;padding:14px;margin:0 0 12px;display:grid;gap:12px}.panel legend{font-weight:800;padding:0 6px}.remove-link{justify-self:start;padding:.5rem .8rem}.panel fieldset:only-child .remove-link{display:none}[data-namespace-url]{display:block;color:var(--muted);margin:.5rem 0 1rem}.url-status,.panel label small{color:var(--muted);font-weight:500}
@media(max-width:720px){.campaign{grid-template-columns:auto 1fr}.campaign .engage{grid-column:1/-1;text-align:center}.admin-main{grid-template-columns:1fr;padding-top:25px}.admin-header>div a{display:none}.admin-main h1{font-size:3rem}.panel{width:100%}.public-main{padding-top:3vh}.home-nav{height:70px;padding:0 18px}.home-main{padding:0 18px}.home-hero{min-height:0;grid-template-columns:1fr;gap:55px;padding:48px 0 80px}.home-copy h1{font-size:clamp(3.7rem,17vw,5.2rem)}.home-lead{font-size:1.05rem}.home-actions{align-items:flex-start;flex-direction:column}.home-demo{padding:18px;transform:none;border-radius:25px}.demo-card{padding:12px}.platform-strip{justify-content:center;flex-wrap:wrap;gap:20px;padding:24px 0}.platform-strip>span{width:100%;text-align:center}.how{padding:90px 0}.how>h2{font-size:3.4rem}.steps{grid-template-columns:1fr}.steps h3{margin-top:1.8rem}.home-grid{grid-template-columns:1fr;padding-bottom:90px}.feature{min-height:330px;padding:24px}.metric-feature>strong{font-size:4.5rem}.focus-feature{grid-column:auto}.focus-feature:after{font-size:13rem}.home-footer{min-height:180px;flex-direction:column;justify-content:center;gap:16px;text-align:center}.home-footer p{margin:0}}
@media(max-width:720px){.auth-header{height:70px;padding:0 18px}.auth-page{padding:40px 18px 80px}.auth-intro{text-align:left;margin-bottom:38px}.auth-intro h1{font-size:4.2rem}.auth-intro>p:last-child{font-size:1rem}.auth-boxes{grid-template-columns:1fr;gap:18px}.auth-box{padding:26px 22px}.auth-box h2{font-size:2.65rem}}
@media(max-width:720px){.raid-campaign{padding:14px}.raid-campaign-head{align-items:flex-start;flex-direction:column;gap:8px}.raid-campaign-head strong{font-size:.9rem}}
@media(prefers-reduced-motion:no-preference){.campaign,.button{transition:transform .15s,opacity .15s}.campaign:hover{transform:translateY(-2px)}}