@font-face{font-family:Bricolage;src:url('/brand/bricolage-grotesque-500.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Bricolage;src:url('/brand/bricolage-grotesque-800.ttf');font-weight:800;font-display:swap}
@font-face{font-family:Plex;src:url('/brand/ibm-plex-sans-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/brand/ibm-plex-sans-500.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('/brand/ibm-plex-sans-600.ttf');font-weight:600;font-display:swap}
@font-face{font-family:JetBrains;src:url('/brand/jetbrains-mono-400.ttf');font-display:swap}
:root{--ink:#06040b;--surface:#110b1d;--line:#241837;--text:#f2ecfb;--muted:#a397bf;--accent:#9b5cff;--pink:#ff2bf1;--display:Bricolage,'Arial Black',sans-serif;font-family:Plex,'Segoe UI',sans-serif;background:var(--ink);color:var(--text)}
body{font-family:Plex,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 95% -5%,#9b5cff15,transparent 55%),var(--ink);color:var(--text)}
::selection{background:#ff2bf1;color:white}h1,h2,h3,h4,.brand{font-family:var(--display);font-weight:800}.eyebrow,.mono,.nav-label,.hero-kicker{font-family:JetBrains,monospace}.brand{font-size:24px;letter-spacing:-.8px;text-decoration:none;color:#f2ecfb;display:flex;align-items:center;gap:12px;line-height:1.1}.brand img{width:42px;height:42px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 12px #ff2bf12a)}.brand em{font-style:normal;background:linear-gradient(95deg,#d7beff,#9b5cff 55%,#ff2bf1);background-clip:text;-webkit-background-clip:text;color:transparent}.brand>span{display:block;margin:0;font:inherit;letter-spacing:inherit}.brand small,.brand-sub{display:block;margin:8px 0 0;font:8px JetBrains,monospace;letter-spacing:2.4px;color:#a397bf}.primary{background:linear-gradient(120deg,#8b4dff,#b04bff 45%,#ff2bf1);background-size:180% 100%;color:white;border:0;border-radius:14px;padding:13px 22px;box-shadow:0 14px 36px -20px #ff2bf1;transition:background-position .4s,transform .2s}.primary:hover{background-position:100% 0;color:#fff;transform:translateY(-2px)}.primary:active{transform:translateY(0)}
.sidebar,aside{background:#0b0712;border-color:#241837}.workspace-label{background:#110b1d;border-color:#241837}.nav-item.active,nav button.active{color:#f2ecfb;background:linear-gradient(100deg,#9b5cff26,#ff2bf10b);border-color:#9b5cff40}.panel,.metric,.module-card,.guild-card,.small-metric,.settings-group{background:linear-gradient(145deg,#130c20,#0d0817);border-color:#2a1c3e;box-shadow:none}.panel,.module-card,.guild-card{border-radius:18px}.panel h3{font-size:21px;letter-spacing:-.5px}.metric strong{font-family:var(--display);font-weight:800;color:#f2ecfb}.hero{border-color:#3a2862;border-radius:22px;background:radial-gradient(ellipse at 85% 35%,#9b5cff24,transparent 55%),#10091b}.hero h2,.hero h3{font-family:var(--display);font-weight:800;letter-spacing:-1.6px;color:#f2ecfb;background:none;-webkit-text-fill-color:initial}.hero h2{font-size:clamp(34px,3.7vw,58px);line-height:1.06}.hero p,.muted{color:#a397bf}.hero-core{background:none;box-shadow:none;border:0;display:grid;place-items:center}.hero-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 35px #ff2bf12e);transform:rotate(-8deg)}.hero-orbit{border-color:#9b5cff30}.topbar h1{font-family:var(--display);font-size:32px;font-weight:800}.field input,.field textarea,.field select,select{background:#0b0713;border-color:#332044;color:#f2ecfb}.settings-nav button{border-radius:12px}.group-heading h3{font-family:var(--display);font-weight:800;font-size:24px}.group-footnote,.field small{color:#a397bf}.login-wrap{background:radial-gradient(ellipse at 15% 40%,#9b5cff22,transparent 58%),#06040b}.login-art{background:none}.login-art .big-mark{width:min(42vw,380px);height:auto;object-fit:contain;filter:drop-shadow(0 25px 60px #ff2bf130);font-size:initial;transform:rotate(-8deg)}.login-caption p{font-family:var(--display);font-weight:800}.login-card h1{font-weight:800;font-size:48px}.login-card .brand{margin-bottom:48px}.login-card input{background:#110b1d;border-color:#3a2862}
/* The Community landing follows the main website's two-column hero. */
.landing{max-width:1600px;position:relative;padding:50px clamp(24px,6vw,100px) 80px;min-height:100svh;overflow:hidden}.landing-brand{margin-bottom:clamp(70px,11vh,150px);width:max-content}.landing .eyebrow{position:relative;z-index:1;display:block;color:#ba99eb;font-size:10px;letter-spacing:2px}.landing h1{position:relative;z-index:1;font-family:var(--display);font-weight:800;font-size:clamp(52px,6.2vw,100px);line-height:1.03;letter-spacing:-3px;margin:22px 0 28px;max-width:70%}.landing h1 em{background:linear-gradient(95deg,#d7beff,#9b5cff 55%,#ff2bf1);background-clip:text;-webkit-background-clip:text;color:transparent}.landing>p{position:relative;z-index:1;font-size:18px;line-height:1.8;max-width:48ch;color:#a397bf}.landing>.primary,.landing>small{position:relative;z-index:1}.landing>.primary{font-size:16px;padding:16px 26px;margin-top:26px}.landing>small{font-size:12px;max-width:46ch;line-height:1.8}.landing-visual{position:absolute;width:38%;right:3%;top:23%;aspect-ratio:1;display:grid;place-items:center}.landing-visual:before{content:'';position:absolute;inset:-15%;background:radial-gradient(circle,#9b5cff38,transparent 62%);filter:blur(24px)}.landing-visual img{position:relative;width:88%;height:auto;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 20px 55px #ff2bf133)}.brand-ring{position:absolute;inset:0;border:1px solid #9b5cff26;border-radius:50%;transform:rotate(-30deg) scaleY(.7)}.brand-ring:after{content:'';position:absolute;inset:-35px;border:1px solid #ff2bf114;border-radius:50%}.landing-tags{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.landing-tags span{font:10px JetBrains,monospace;letter-spacing:.2px;border:1px solid #3a2862;padding:7px 11px;border-radius:30px;color:#c0a8df;background:#110b1d80}
[data-panel=user] aside{width:284px;padding:30px 23px}[data-panel=user] main{margin-left:284px}[data-panel=user] header h2{font-size:34px}[data-panel=user] .hero{padding:38px}[data-panel=user] .hero h3{font-size:40px}[data-panel=user] .account{border-top:1px solid #241837;margin-top:30px;padding-top:20px}[data-panel=user] nav button{font-weight:500;border-radius:12px}[data-panel=user] #fresh{font:11px JetBrains,monospace;color:#a397bf}[data-panel=user] footer{font:10px JetBrains,monospace;letter-spacing:.3px;border-top:1px solid #241837;padding-top:22px}
@media(max-width:1000px){.landing h1{font-size:clamp(48px,7vw,75px)}.landing-visual{right:-7%;width:43%;opacity:.75}.brand{font-size:21px}.hero-art{opacity:.55}[data-panel=user] aside{width:250px}[data-panel=user] main{margin-left:250px}}
@media(max-width:700px){.landing{padding:28px 24px 60px;min-height:100svh}.landing-brand{margin-bottom:230px}.landing-visual{top:105px;right:calc(50% - 100px);width:200px;opacity:1}.landing h1{max-width:100%;font-size:clamp(42px,10vw,64px);letter-spacing:-1.6px}.landing>p{font-size:16px}.landing-tags{gap:7px}.landing-tags span{font-size:9px}.landing>.primary{display:flex;justify-content:center}.landing>small{max-width:100%}[data-panel=user] aside{position:relative;width:100%;padding:24px 20px}[data-panel=user] main{margin-left:0}[data-panel=user] .account{margin-top:20px}[data-panel=user] header h2{font-size:28px}[data-panel=user] .hero{padding:26px}[data-panel=user] .hero h3{font-size:30px}.topbar h1{font-size:27px}.hero h2{font-size:36px}.login-card h1{font-size:40px}.brand img{width:36px;height:36px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.admin-workspace-tools{display:flex;gap:20px;align-items:center;margin:26px 0 18px}.settings-search{display:flex;align-items:center;gap:12px;background:#110b1d;border:1px solid #3a2862;border-radius:14px;padding:0 16px;width:min(540px,100%)}.settings-search span{color:#a397bf}.settings-search input{width:100%;min-width:0;background:none;color:#f2ecfb;border:0;padding:15px 0;font-size:13px}.settings-search:focus-within{border-color:#b38aff;box-shadow:0 0 0 3px #9b5cff18}.settings-search input:focus{outline:0}.search-hidden{display:none!important}.config-health{border:1px solid #30203e;border-radius:16px;background:#110b1d;margin-bottom:26px;overflow:hidden}.health-heading{display:flex;align-items:center;gap:10px;padding:15px 18px;font-size:12px}.health-heading small{margin-left:auto;color:#a397bf;font-size:10px}.health-indicator{width:7px;height:7px;border-radius:50%;background:#5be3a8;box-shadow:0 0 0 4px #5be3a810;flex-shrink:0}.health-indicator.warning{background:#e8b967;box-shadow:0 0 0 4px #e8b96710}.health-issues{padding:0 18px 13px;display:grid;gap:5px}.health-issues button{text-align:left;border:0;background:#ffffff03;border-radius:7px;color:#c5b4db;display:flex;justify-content:space-between;gap:15px;padding:10px 12px;font-size:11px;line-height:1.7}.health-issues button:hover{background:#9b5cff15;color:#f2ecfb}.health-issues button span{color:#c29aff;white-space:nowrap}.group-change-count{display:grid;place-items:center;background:#b38aff;color:#13091e;min-width:18px;height:18px;border-radius:5px;margin-left:auto;font-size:10px}.guild-live-count{font:10px JetBrains,monospace;color:#cbb8ed;padding:6px 9px;background:#9b5cff12;border:1px solid #9b5cff20;border-radius:6px}.guild-card .guild-live-count{margin-top:14px;display:inline-block}.settings-nav{position:sticky;top:20px;align-self:start}.fields{gap:22px}.field{transition:border-color .2s,background .2s}.field.changed{border-color:#b38aff55;background:#9b5cff08}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #b38aff;outline-offset:2px}.group-heading{background:linear-gradient(100deg,#9b5cff08,transparent)}.settings-group{margin-bottom:18px}.save-bar{border:1px solid #9b5cff55;box-shadow:0 15px 55px #0008;background:#140c22f5;backdrop-filter:blur(18px);border-radius:16px}.metric-top{font-size:12px}.metric strong{font-size:38px}.guild-card:hover,.module-card:hover{border-color:#9b5cff66;transform:translateY(-2px)}.guild-card,.module-card{transition:transform .2s,border-color .2s}.settings-nav button{font-size:12px}.field>span{font-size:12px}.field small{font-size:11px;line-height:1.7}.topbar{padding-bottom:22px;border-bottom:1px solid #241837}.main{padding-bottom:35px}.settings-group .fields .preview-section{padding-top:15px}.guild-heading h2{font-family:var(--display);font-size:32px;font-weight:800}
@media(max-width:900px){.settings-nav{position:static}.health-heading{flex-wrap:wrap}.health-heading small{width:100%;margin-left:17px}.health-issues button{font-size:11px}.admin-workspace-tools{flex-wrap:wrap;gap:8px}}
@media(max-width:560px){.admin-workspace-tools{margin-top:18px}.settings-search{width:100%}.health-issues{padding:0 10px 10px}.health-issues button{flex-direction:column;gap:2px}.health-heading{padding:14px}.metric strong{font-size:28px}.guild-heading h2{font-size:25px}.fields{gap:18px}.save-bar{padding:14px}.settings-nav button{white-space:nowrap}.topbar{padding-bottom:18px}.guild-card .guild-live-count{margin-top:10px}}