:root {
  --bg: #08090d;
  --bg-soft: #0d0f15;
  --panel: rgba(15, 17, 24, .82);
  --panel-strong: #11131a;
  --line: rgba(255,255,255,.10);
  --line-strong: rgba(255,255,255,.18);
  --text: #f4f7fb;
  --muted: #969dac;
  --muted-2: #697080;
  --accent: #8B5CF6;
  --accent-2: #22D3EE;
  --danger: #ff647c;
  --radius: 18px;
  --shadow: 0 24px 80px rgba(0,0,0,.38);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.5; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { color:inherit; }
::selection { background: color-mix(in srgb, var(--accent) 55%, transparent); }
.shell { width:min(1380px, calc(100% - 40px)); margin-inline:auto; position:relative; z-index:2; }
.ambient { position:fixed; width:520px; height:520px; border-radius:50%; filter:blur(120px); opacity:.16; pointer-events:none; z-index:0; }
.ambient-a { background:var(--accent); top:-180px; left:-140px; }
.ambient-b { background:var(--accent-2); right:-200px; top:42vh; opacity:.09; }
.grid-noise { position:fixed; inset:0; pointer-events:none; opacity:.18; z-index:0; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(to bottom,black,transparent 82%); }

.site-header { width:min(1440px, calc(100% - 32px)); height:74px; margin:16px auto 0; padding:0 18px; position:sticky; top:14px; z-index:50; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; background:rgba(10,11,16,.72); border:1px solid var(--line); border-radius:16px; backdrop-filter:blur(20px); box-shadow:0 10px 40px rgba(0,0,0,.16); }
.brand { display:inline-flex; align-items:center; gap:10px; width:max-content; font-weight:850; letter-spacing:-.04em; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:white; border-radius:9px 2px 9px 2px; box-shadow:0 0 28px color-mix(in srgb,var(--accent) 30%,transparent); }
.brand-word { font-size:18px; }
.brand-slash { color:var(--muted-2); font:700 13px ui-monospace,monospace; letter-spacing:.06em; }
.nav { display:flex; align-items:center; gap:28px; color:#bdc2ce; font-size:13px; }
.nav a:hover { color:white; }
.header-cta { justify-self:end; padding:10px 14px; border:1px solid var(--line-strong); border-radius:10px; font-size:13px; background:rgba(255,255,255,.035); transition:.2s ease; }
.header-cta:hover { border-color:color-mix(in srgb,var(--accent) 55%,white 10%); transform:translateY(-1px); }
.menu-toggle { display:none; background:transparent; border:0; font-size:21px; justify-self:end; }

.hero { min-height:720px; padding:110px 0 90px; display:grid; grid-template-columns:.92fr 1.08fr; gap:64px; align-items:center; }
.eyebrow { display:flex; align-items:center; gap:10px; color:#b6bdc9; font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow .dot { width:7px; height:7px; border-radius:50%; background:var(--accent-2); box-shadow:0 0 16px var(--accent-2); }
.hero h1,.page-hero h1 { margin:20px 0 22px; max-width:760px; font-size:clamp(50px,6.4vw,92px); line-height:.92; letter-spacing:-.07em; font-weight:850; }
.hero-lead,.page-hero p { max-width:620px; color:#aab0bd; font-size:18px; line-height:1.75; }
.hero-actions { margin-top:34px; display:flex; gap:12px; flex-wrap:wrap; }
.btn { min-height:46px; padding:0 18px; border:1px solid transparent; border-radius:11px; display:inline-flex; justify-content:center; align-items:center; gap:12px; font-size:13px; font-weight:750; cursor:pointer; transition:.2s ease; }
.btn-primary { background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 52%,var(--accent-2))); color:white; box-shadow:0 10px 36px color-mix(in srgb,var(--accent) 24%,transparent); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 16px 44px color-mix(in srgb,var(--accent) 30%,transparent); }
.btn-ghost,.btn-outline { background:rgba(255,255,255,.025); border-color:var(--line); }
.btn-ghost:hover,.btn-outline:hover { border-color:var(--line-strong); background:rgba(255,255,255,.05); }
.btn-disabled { background:rgba(255,255,255,.04); border-color:var(--line); color:#6f7582; cursor:not-allowed; }
.full { width:100%; }
.hero-meta { margin-top:44px; display:flex; flex-wrap:wrap; gap:24px; color:#707887; font:650 10px ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.hero-meta strong { display:block; margin-bottom:3px; color:#e5e8ef; font-size:13px; }

.hero-console { position:relative; min-height:470px; border:1px solid var(--line-strong); border-radius:18px; overflow:hidden; background:linear-gradient(180deg,rgba(17,19,27,.96),rgba(9,10,15,.96)); box-shadow:var(--shadow),0 0 0 1px rgba(139,92,246,.05) inset; transform:perspective(1200px) rotateY(-4deg) rotateX(1deg); }
.hero-console:before { content:""; position:absolute; inset:-1px; background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 33%,transparent 70%,color-mix(in srgb,var(--accent-2) 10%,transparent)); pointer-events:none; }
.console-topbar,.console-footer { height:48px; padding:0 15px; position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); color:#7c8391; font:700 9px ui-monospace,monospace; letter-spacing:.13em; }
.window-dots { display:flex; gap:5px; }.window-dots i { width:6px; height:6px; border-radius:50%; background:#363a44; }.window-dots i:first-child{background:var(--accent)}.window-dots i:nth-child(2){background:#dcb44a}.window-dots i:nth-child(3){background:var(--accent-2)}
.console-status { color:#aab1be; }.console-status i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#5ee298; box-shadow:0 0 12px #5ee298; }
.console-grid { height:374px; display:grid; grid-template-columns:106px 1fr; }
.console-sidebar { padding:20px 12px; display:flex; flex-direction:column; gap:8px; border-right:1px solid var(--line); }
.console-sidebar span { padding:9px 10px; color:#606774; font:700 9px ui-monospace,monospace; border-radius:7px; letter-spacing:.06em; }
.console-sidebar .active { color:#fff; background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent); border-left:2px solid var(--accent); }
.console-main { position:relative; padding:22px; overflow:hidden; }
.console-heading { display:flex; justify-content:space-between; margin-bottom:18px; color:#7d8492; font:700 9px ui-monospace,monospace; letter-spacing:.1em; }.console-heading b{color:#5ee298;font-weight:700}
.module-mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.module-mini { min-height:46px; padding:0 12px; display:flex; justify-content:space-between; align-items:center; gap:10px; background:rgba(255,255,255,.027); border:1px solid rgba(255,255,255,.07); border-radius:8px; font-size:10px; color:#c3c8d2; }
.module-mini i { flex:0 0 auto; width:18px; height:9px; border-radius:20px; background:color-mix(in srgb,var(--accent) 24%,#1b1d24); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent); }.module-mini i:after{content:"";display:block;width:7px;height:7px;margin:1px 0 0 10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.console-scanline { position:absolute; left:0; right:0; height:1px; top:20%; background:linear-gradient(90deg,transparent,var(--accent-2),transparent); opacity:.3; animation:scan 5s linear infinite; }
@keyframes scan { 0%{top:12%;opacity:0}15%{opacity:.3}80%{opacity:.18}100%{top:90%;opacity:0} }
.console-footer { height:48px; border-top:1px solid var(--line); border-bottom:0; }

.ticker { width:100%; overflow:hidden; border-block:1px solid var(--line); background:rgba(255,255,255,.015); position:relative; z-index:2; }
.ticker-track { width:max-content; height:54px; display:flex; align-items:center; gap:22px; animation:ticker 32s linear infinite; color:#737a87; font:700 10px ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.ticker-track i { color:var(--accent); font-style:normal; font-size:8px; }
@keyframes ticker { to { transform:translateX(-50%); } }

.section { padding:110px 0; }
.section-index { margin-bottom:20px; color:#656c79; font:750 10px ui-monospace,monospace; letter-spacing:.14em; }
.split-section { display:grid; grid-template-columns:.55fr 1fr 1fr; gap:46px; border-bottom:1px solid var(--line); }
.kicker { color:var(--accent-2); font:700 11px ui-monospace,monospace; letter-spacing:.12em; }
.split-copy h2,.section-heading-row h2,.info-panel h2 { margin:8px 0 0; font-size:clamp(34px,4vw,58px); line-height:1; letter-spacing:-.05em; }
.split-body>p { margin:42px 0 34px; color:#a0a6b2; font-size:16px; line-height:1.8; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.metric-row div { padding:20px 0; border-top:1px solid var(--line); }.metric-row b { display:block; font-size:25px; letter-spacing:-.05em; }.metric-row span { display:block; margin-top:4px; color:#727986; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.section-heading-row { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:38px; }
.section-heading-row p { max-width:590px; color:#838a98; }
.text-link { color:#c9ced8; font-size:13px; white-space:nowrap; }.text-link:hover{color:white}.text-link span{color:var(--accent-2)}
.module-wall { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.module-chip { min-height:74px; padding:18px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.012); color:#c8ccd5; font-size:12px; transition:.2s; }.module-chip:hover{background:rgba(255,255,255,.035);color:white}.module-chip em{color:var(--accent-2);font:700 8px ui-monospace,monospace;text-transform:uppercase;font-style:normal}

.pricing-heading { margin-bottom:44px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }
.price-card { min-height:520px; padding:26px; display:flex; flex-direction:column; position:relative; overflow:hidden; background:linear-gradient(180deg,rgba(19,21,29,.92),rgba(12,13,19,.92)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 14px 50px rgba(0,0,0,.18); }
.price-card.featured { border-color:color-mix(in srgb,var(--accent) 55%,#222); transform:translateY(-8px); }
.card-glow { position:absolute; width:260px; height:180px; right:-100px; top:-100px; background:var(--accent); filter:blur(85px); opacity:.08; pointer-events:none; }
.price-card-top { min-height:28px; display:flex; justify-content:space-between; align-items:center; }.plan-index { color:#5f6673; font:700 10px ui-monospace,monospace; }.plan-badge { padding:5px 8px; border-radius:6px; background:color-mix(in srgb,var(--accent) 18%,transparent); border:1px solid color-mix(in srgb,var(--accent) 36%,transparent); color:#d8cbff; font:700 8px ui-monospace,monospace; text-transform:uppercase; letter-spacing:.08em; }
.price-card h3 { margin:24px 0 2px; font-size:22px; letter-spacing:-.035em; }.plan-duration{margin:0;color:#6e7581;font-size:12px}.price{margin:30px 0 14px;font-size:44px;font-weight:850;letter-spacing:-.06em}.plan-description{min-height:48px;color:#979dab;font-size:13px;line-height:1.7}.feature-list{padding:0;margin:18px 0 28px;list-style:none;display:grid;gap:10px}.feature-list li{display:flex;gap:10px;color:#b1b6c1;font-size:12px}.feature-list li span{color:var(--accent-2);font:800 13px ui-monospace,monospace}.price-card .btn{margin-top:auto}
.empty-state { padding:34px; border:1px dashed var(--line-strong); border-radius:var(--radius); color:#747b89; }

.info-grid { display:grid; grid-template-columns:1.7fr .8fr; gap:16px; }
.info-panel { min-height:360px; padding:34px; position:relative; overflow:hidden; background:rgba(255,255,255,.018); border:1px solid var(--line); border-radius:var(--radius); }
.info-panel-large:after { content:""; position:absolute; width:340px; height:340px; right:-180px; bottom:-210px; border:1px solid color-mix(in srgb,var(--accent) 40%,transparent); border-radius:50%; box-shadow:0 0 0 45px rgba(139,92,246,.025),0 0 0 95px rgba(139,92,246,.018); }
.info-panel p { color:#969daa; line-height:1.75; }.info-panel h3 { margin:6px 0 12px; font-size:28px; letter-spacing:-.04em; }
.steps { margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.steps div{padding-top:16px;border-top:1px solid var(--line)}.steps span{color:var(--accent);font:750 10px ui-monospace,monospace}.steps p{margin:8px 0 0;color:#d3d6de;font-size:12px}
.contact-stack { margin-top:36px; display:grid; gap:10px; }.contact-stack a{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#e1e4ea;font-size:13px}.contact-stack a span{color:var(--accent-2)}

.footer { width:min(1180px,calc(100% - 40px)); margin:50px auto 0; padding:38px 0 48px; display:flex; justify-content:space-between; gap:30px; border-top:1px solid var(--line); position:relative; z-index:2; }.footer-brand .brand-mark{width:28px;height:28px}.footer p{max-width:500px;color:#626976;font-size:11px}.footer-links{display:flex;gap:24px;color:#707785;font-size:11px;align-items:flex-start}.footer-links a:hover{color:white}

.page-hero.compact { padding:110px 0 54px; }.page-hero.compact h1{font-size:clamp(48px,6vw,74px);margin-bottom:16px}.modules-page{padding-top:30px}.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.search-box{width:min(480px,100%);height:48px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);color:#6f7682}.search-box input{width:100%;border:0;outline:0;background:transparent;color:white}.module-count{color:#707784;font:700 10px ui-monospace,monospace;text-transform:uppercase}.module-count b{color:white}.module-list{border-top:1px solid var(--line)}.module-row{min-height:64px;display:grid;grid-template-columns:60px 1fr auto 60px;align-items:center;border-bottom:1px solid var(--line);transition:.18s}.module-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent)}.module-no{color:#4f5560;font:700 9px ui-monospace,monospace}.module-row strong{font-size:13px;font-weight:650}.module-row em{color:var(--accent-2);font:700 8px ui-monospace,monospace;font-style:normal;text-transform:uppercase}.module-row i{justify-self:end;width:5px;height:5px;border-radius:50%;background:#5ee298;box-shadow:0 0 10px #5ee298}.empty-search{padding:35px 0;color:#727986;text-align:center}

.checkout { padding:88px 0 130px; }.back-link{color:#7f8795;font-size:12px}.back-link:hover{color:white}.checkout-grid{margin-top:46px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:start}.checkout-copy h1{margin:18px 0 14px;font-size:clamp(44px,5vw,72px);line-height:.95;letter-spacing:-.06em}.checkout-copy>p{max-width:650px;color:#979eab;font-size:16px}.feature-list.large{margin-top:36px}.feature-list.large li{font-size:14px}.checkout-card{padding:26px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,rgba(19,21,29,.92),rgba(11,12,17,.92));box-shadow:var(--shadow)}.checkout-line{padding:14px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:12px}.checkout-line span{color:#747b88}.checkout-line b{font-weight:600}.checkout-total{margin:25px 0;display:flex;justify-content:space-between;align-items:flex-end}.checkout-total span{color:#858c98;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.checkout-total strong{font-size:30px;letter-spacing:-.05em}.checkout-note{margin:15px 0 0;color:#5f6673;font-size:10px;line-height:1.6}.form-error{padding:10px 12px;border:1px solid rgba(255,100,124,.25);background:rgba(255,100,124,.07);border-radius:8px;color:#ff9aaa;font-size:11px}

/* Admin */
.admin-body { background:#0a0b0f; }.admin-layout{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.admin-sidebar{height:100vh;padding:20px 16px;position:sticky;top:0;border-right:1px solid var(--line);background:#0d0f14;display:flex;flex-direction:column}.admin-sidebar .brand{margin-bottom:42px}.admin-label{color:#515866;font:700 9px ui-monospace,monospace;letter-spacing:.14em}.admin-sidebar nav{margin-top:16px;display:grid;gap:4px}.admin-sidebar nav a{padding:10px 12px;border-radius:8px;color:#8e95a2;font-size:12px}.admin-sidebar nav a:hover{background:rgba(255,255,255,.04);color:white}.admin-sidebar-bottom{margin-top:auto;display:grid;gap:7px}.admin-sidebar-bottom a,.admin-sidebar-bottom button{width:100%;padding:9px 10px;border:0;background:transparent;color:#686f7c;text-align:left;font-size:11px;cursor:pointer}.admin-sidebar-bottom a:hover,.admin-sidebar-bottom button:hover{color:white}.admin-main{width:min(1150px,calc(100% - 64px));margin:0 auto;padding:48px 0 100px}.admin-header{min-height:72px;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.admin-header span{color:#5f6673;font:700 9px ui-monospace,monospace;letter-spacing:.12em}.admin-header h1{margin:4px 0 0;font-size:34px;letter-spacing:-.045em}.save-notice{padding:8px 10px;background:rgba(94,226,152,.08);border:1px solid rgba(94,226,152,.16);border-radius:8px;color:#7ee9a9!important}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-stats article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#101219}.admin-stats article>span{color:#737a87;font-size:11px}.admin-stats b{display:block;margin:10px 0 18px;font-size:34px;letter-spacing:-.05em}.admin-stats a{color:#979eab;font-size:10px}.admin-section{margin-top:34px}.admin-section-head{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.admin-section-head h2{font-size:15px}.admin-section-head a{color:#737a87;font-size:10px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-actions a{padding:12px 14px;border:1px solid var(--line);border-radius:9px;color:#aab0bb;font-size:11px;background:rgba(255,255,255,.018)}.quick-actions a:hover{border-color:var(--line-strong);color:white}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.admin-table{width:100%;border-collapse:collapse;min-width:720px;background:#0f1117}.admin-table th,.admin-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:10px}.admin-table th{color:#626976;font:700 9px ui-monospace,monospace;letter-spacing:.08em}.admin-table td{color:#adb3bf}.admin-table tr:last-child td{border-bottom:0}.admin-table code{color:#8e95a1}.status-pill{padding:5px 7px;border:1px solid var(--line);border-radius:20px;font:700 8px ui-monospace,monospace}.admin-cards-list{display:grid;gap:8px}.admin-list-card{min-height:76px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:11px;background:#0f1117;transition:.18s}.admin-list-card:hover{border-color:var(--line-strong);transform:translateX(2px)}.admin-list-card>div:first-child{display:grid;gap:3px}.admin-list-card b{font-size:13px}.admin-list-card span{color:#646b78;font-size:9px}.admin-list-meta{display:flex;align-items:center;gap:9px}.admin-list-meta em{padding:4px 6px;border-radius:5px;background:rgba(139,92,246,.12);color:#bda6ff;font:700 8px ui-monospace,monospace;font-style:normal}.admin-list-meta strong{color:#777e8b}.status-dot{width:7px;height:7px;border-radius:50%;background:#454a54}.status-dot.on{background:#5ee298;box-shadow:0 0 10px rgba(94,226,152,.5)}.compact-list .admin-list-card{min-height:62px}.admin-form{max-width:820px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#0f1117;display:grid;gap:18px}.admin-form label,.login-card label{display:grid;gap:7px;color:#8d94a0;font-size:10px}.admin-form small{color:#565d69}.admin-form input,.admin-form textarea,.login-card input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;outline:0;background:#0a0c11;color:white;transition:.16s}.admin-form input:focus,.admin-form textarea:focus,.login-card input:focus{border-color:color-mix(in srgb,var(--accent) 55%,#333);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.admin-form textarea{resize:vertical}.admin-form input[type="color"]{height:44px;padding:4px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.switch-row{grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important}.switch-row input{width:16px!important;height:16px}.form-actions{display:flex;gap:8px;padding-top:8px}.danger-zone{max-width:820px;margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,100,124,.16);border-radius:12px;background:rgba(255,100,124,.025)}.danger-zone b{font-size:12px}.danger-zone p{margin:3px 0 0;color:#6f7682;font-size:10px}.danger-zone button{padding:8px 11px;border:1px solid rgba(255,100,124,.25);border-radius:7px;background:rgba(255,100,124,.08);color:#ff9aaa;font-size:10px;cursor:pointer}.admin-help{max-width:700px;color:#737a87;font-size:11px}.admin-login-page{min-height:100vh;display:grid;place-items:center;background:#090a0e}.login-card{width:min(420px,calc(100% - 32px));padding:30px;position:relative;z-index:2;border:1px solid var(--line-strong);border-radius:16px;background:rgba(15,17,24,.92);box-shadow:var(--shadow);display:grid;gap:17px}.login-card .brand{margin-bottom:10px}.login-card h1{margin:0 0 10px;font-size:27px;letter-spacing:-.04em}

@media (max-width: 980px) {
  .site-header{grid-template-columns:1fr auto}.nav,.header-cta{display:none}.menu-toggle{display:block}.site-header.menu-open{height:auto;grid-template-columns:1fr auto;padding-top:18px;padding-bottom:18px}.site-header.menu-open .nav{grid-column:1/-1;display:grid;gap:10px;padding-top:16px}.site-header.menu-open .header-cta{grid-column:1/-1;display:flex;justify-self:stretch;margin-top:12px;justify-content:center}
  .hero{grid-template-columns:1fr;padding-top:88px}.hero-copy{max-width:720px}.hero-console{transform:none;max-width:760px}.split-section{grid-template-columns:1fr 1fr}.split-section>.section-index{grid-column:1/-1}.module-wall{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}.info-grid{grid-template-columns:1fr}.checkout-grid{grid-template-columns:1fr;gap:42px}.admin-layout{grid-template-columns:190px 1fr}.admin-main{width:min(100% - 40px,1000px)}
}
@media (max-width: 720px) {
  .shell{width:min(100% - 28px,1380px)}.site-header{width:calc(100% - 20px);top:8px;margin-top:10px}.hero{min-height:auto;padding:78px 0 70px;gap:44px}.hero h1{font-size:clamp(48px,14vw,70px)}.hero-lead{font-size:15px}.hero-console{min-height:390px}.console-grid{height:294px;grid-template-columns:80px 1fr}.console-sidebar{padding:15px 8px}.console-sidebar span{padding:7px 5px;font-size:7px}.console-main{padding:16px}.module-mini-grid{gap:6px}.module-mini{min-height:38px;padding:0 8px;font-size:8px}.console-footer{height:48px}.section{padding:78px 0}.split-section{grid-template-columns:1fr;gap:18px}.split-section>.section-index{grid-column:auto}.split-body>p{margin-top:14px}.metric-row{grid-template-columns:1fr}.section-heading-row{align-items:flex-start;flex-direction:column}.module-wall{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.info-panel{padding:25px}.footer{flex-direction:column}.page-hero.compact{padding-top:78px}.module-row{grid-template-columns:44px 1fr auto 20px}.module-toolbar{align-items:stretch;flex-direction:column}.checkout{padding-top:60px}.checkout-card{padding:20px}.admin-layout{display:block}.admin-sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar .brand{margin-bottom:18px}.admin-sidebar nav{grid-template-columns:repeat(3,1fr)}.admin-sidebar-bottom{margin-top:18px;grid-template-columns:1fr 1fr}.admin-main{width:calc(100% - 28px);padding-top:28px}.admin-stats{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.admin-list-card{align-items:flex-start;flex-direction:column}.danger-zone{align-items:flex-start;flex-direction:column}
}
@media (max-width: 460px) { .module-wall{grid-template-columns:1fr}.console-sidebar{display:none}.console-grid{grid-template-columns:1fr}.hero-meta{gap:16px}.hero-actions .btn{width:100%}.footer-links{flex-wrap:wrap}.admin-sidebar nav{grid-template-columns:1fr 1fr} }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } }

/* Extasy full-size module workspace */
.modules-app-body { overflow:hidden; background:#070611; }
.modules-app-body .site-header,
.modules-app-body .footer,
.modules-app-body .ambient,
.modules-app-body .grid-noise { display:none; }
.modules-app-body main { min-height:100vh; }
.modules-workspace {
  width:100vw;
  height:100vh;
  display:grid;
  grid-template-columns:300px minmax(720px, 1fr) 420px;
  background:
    radial-gradient(circle at 12% 10%, rgba(139,92,246,.11), transparent 26%),
    radial-gradient(circle at 78% 12%, rgba(34,211,238,.05), transparent 24%),
    linear-gradient(180deg,#090716 0%,#070711 100%);
  color:#f6f7fb;
  position:relative;
  overflow:hidden;
}
.modules-workspace:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.07) 0 1px, transparent 1.6px),
    radial-gradient(circle at 70% 65%, rgba(255,255,255,.04) 0 1px, transparent 1.5px);
  background-size:180px 180px,240px 240px;
}
.modules-sidebar,
.modules-center,
.module-inspector { position:relative; z-index:1; }
.modules-sidebar {
  min-width:0;
  padding:28px 22px 22px;
  display:flex;
  flex-direction:column;
  border-right:1px solid rgba(152,112,255,.16);
  background:rgba(6,5,14,.74);
  backdrop-filter:blur(18px);
}
.workspace-brand { display:flex; align-items:center; gap:16px; padding:4px 10px 30px; }
.workspace-logo,
.profile-logo {
  flex:0 0 auto;
  width:50px;
  height:50px;
  border-radius:15px 5px 15px 5px;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:24px;
  background:linear-gradient(145deg,#b233ff,#6613e7 58%,#3c10a7);
  box-shadow:0 0 30px rgba(137,38,255,.35), inset 0 0 20px rgba(255,255,255,.15);
}
.workspace-brand strong { display:block; font-size:27px; line-height:1; letter-spacing:-.035em; }
.workspace-brand small { display:block; margin-top:8px; color:#7e8497; font-size:12px; }
.workspace-categories { display:grid; gap:8px; margin-top:6px; }
.workspace-category {
  width:100%;
  min-height:62px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:13px;
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:12px;
  align-items:center;
  text-align:left;
  background:transparent;
  color:#8d95aa;
  cursor:pointer;
  transition:.18s ease;
}
.workspace-category span { font-size:24px; color:#7d88a5; text-align:center; }
.workspace-category b { font-size:15px; letter-spacing:.015em; }
.workspace-category i {
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.035);
  color:#61697d;
  font:700 10px ui-monospace,monospace;
  font-style:normal;
}
.workspace-category:hover { color:white; background:rgba(255,255,255,.025); }
.workspace-category.active {
  color:white;
  border-color:rgba(154,64,255,.52);
  background:linear-gradient(90deg,rgba(122,24,255,.28),rgba(92,18,177,.16));
  box-shadow:0 0 30px rgba(113,18,255,.10) inset,0 0 24px rgba(96,16,212,.08);
}
.workspace-category.active:before {
  content:"";
  position:absolute;
  width:4px;
  height:38px;
  margin-left:-16px;
  border-radius:9px;
  background:#9c22ff;
  box-shadow:0 0 18px #8d20ff;
}
.workspace-category.active span { color:#d0a3ff; }
.workspace-category.active i { color:#cda9ff; background:rgba(137,41,255,.12); }
.workspace-profile {
  margin-top:auto;
  min-height:102px;
  padding:16px;
  border:1px solid rgba(142,101,255,.26);
  border-radius:15px;
  display:grid;
  grid-template-columns:50px 1fr auto;
  align-items:center;
  gap:14px;
  background:linear-gradient(135deg,rgba(24,23,43,.95),rgba(12,13,25,.95));
  box-shadow:0 16px 30px rgba(0,0,0,.22);
}
.profile-logo { width:44px; height:44px; border-radius:13px 5px 13px 5px; font-size:20px; }
.workspace-profile strong { display:block; font-size:18px; }
.workspace-profile small { display:block; margin-top:5px; color:#b35cff; font-size:11px; font-weight:800; letter-spacing:.08em; }
.profile-arrow { font-size:30px; color:#77819c; }
.workspace-status { margin:18px 4px 0; color:#6e778c; font-size:12px; }
.workspace-status span { display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:50%; background:#1de1c1; box-shadow:0 0 16px rgba(29,225,193,.75); }
.workspace-module-total { margin:7px 4px 0; color:#6e778c; font-size:12px; }
.workspace-module-total b { color:#c1c7d6; }

.modules-center { min-width:0; height:100vh; overflow:auto; scrollbar-width:thin; scrollbar-color:#7c16e8 #0d0b18; }
.workspace-topbar {
  height:104px;
  padding:24px 34px;
  display:flex;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(153,116,255,.14);
  background:rgba(7,7,18,.70);
  backdrop-filter:blur(18px);
  position:sticky;
  top:0;
  z-index:15;
}
.workspace-search {
  flex:1;
  height:58px;
  padding:0 16px 0 20px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid rgba(123,106,189,.30);
  border-radius:14px;
  background:#0d0f1a;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
.workspace-search > span { font-size:28px; color:#8190b0; transform:rotate(-16deg); }
.workspace-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:white; font-size:16px; }
.workspace-search input::placeholder { color:#5f687d; }
.workspace-search kbd { padding:7px 10px; border:1px solid rgba(124,121,171,.25); border-radius:8px; color:#68738e; background:#111526; font:700 11px ui-monospace,monospace; }
.workspace-home { flex:0 0 auto; padding:17px 18px; border:1px solid rgba(126,110,181,.25); border-radius:12px; color:#8f98ac; font-size:13px; background:#0d0f18; }
.workspace-home:hover { color:white; border-color:rgba(153,82,255,.52); }
.module-content-head {
  padding:34px 32px 24px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}
.module-overline { margin:0 0 7px; color:#9a59ff!important; font:800 10px ui-monospace,monospace!important; letter-spacing:.15em; }
.module-content-head h1 { margin:0; font-size:42px; line-height:1; letter-spacing:-.05em; }
.module-content-head p { margin:10px 0 0; color:#727c91; font-size:14px; }
.module-view-tools { display:flex; gap:12px; align-items:center; }
.view-switch { height:50px; display:flex; padding:4px; border:1px solid rgba(121,106,176,.22); border-radius:12px; background:#0c0e18; }
.view-switch button { padding:0 16px; border:0; border-radius:9px; color:#6f788d; background:transparent; cursor:pointer; font-size:13px; font-weight:700; }
.view-switch button.active { color:#d7c8ff; background:linear-gradient(135deg,rgba(117,24,245,.38),rgba(80,13,174,.28)); box-shadow:0 0 18px rgba(132,29,255,.16); }
.module-view-tools select { height:50px; padding:0 40px 0 16px; border:1px solid rgba(121,106,176,.22); border-radius:12px; outline:0; background:#0c0f19; color:#b8bfd0; font-size:13px; }

.module-grid {
  padding:0 32px 40px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.module-card {
  min-height:178px;
  padding:20px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 62px;
  gap:18px;
  position:relative;
  border:1px solid rgba(133,92,228,.28);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(17,21,35,.96),rgba(11,13,25,.96));
  box-shadow:0 14px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
  cursor:pointer;
  transition:.18s ease;
}
.module-card:before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(135,46,255,.05),transparent 42%,rgba(34,211,238,.02));
}
.module-card:hover,
.module-card.selected { transform:translateY(-2px); border-color:rgba(145,67,255,.58); box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 28px rgba(108,26,231,.08); }
.module-card.selected { background:linear-gradient(145deg,rgba(23,23,45,.98),rgba(12,13,28,.98)); }
.module-card-icon {
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  align-self:start;
  border-radius:15px;
  color:#b545ff;
  font-size:36px;
  text-shadow:0 0 20px rgba(183,64,255,.42);
  background:rgba(128,38,240,.06);
}
.module-card:nth-child(even) .module-card-icon { color:#27d9ef; text-shadow:0 0 20px rgba(39,217,239,.32); background:rgba(39,217,239,.05); }
.module-card-copy { min-width:0; }
.module-card-title-row { display:flex; align-items:center; gap:10px; min-width:0; }
.module-card-title-row h2 { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:19px; line-height:1.25; letter-spacing:-.02em; }
.module-card-badge { flex:0 0 auto; padding:4px 7px; border-radius:6px; background:rgba(168,61,255,.10); color:#c783ff; font:800 8px ui-monospace,monospace; text-transform:uppercase; }
.module-card-copy p { min-height:42px; margin:10px 0 16px; color:#747f94; font-size:13px; line-height:1.55; }
.module-card-meta { display:flex; align-items:center; gap:8px; color:#15dbc5; font-size:12px; }
.module-card-meta span { color:#9ba5ba; }
.module-card-meta b { font-weight:700; }
.module-card-actions { display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; position:relative; z-index:2; }
.module-toggle,
.inspector-toggle {
  width:58px;
  height:32px;
  padding:4px;
  border:0;
  border-radius:20px;
  background:#294154;
  cursor:pointer;
  transition:.18s;
}
.module-toggle i,
.inspector-toggle i { display:block; width:24px; height:24px; border-radius:50%; background:#a9c1d0; transition:.18s; box-shadow:0 2px 8px rgba(0,0,0,.25); }
.module-toggle[aria-pressed="true"],
.inspector-toggle[aria-pressed="true"] { background:linear-gradient(90deg,#7519f0,#a215ff); box-shadow:0 0 18px rgba(141,25,255,.24); }
.module-toggle[aria-pressed="true"] i,
.inspector-toggle[aria-pressed="true"] i { transform:translateX(26px); background:#fff; }
.module-settings-button { width:46px; height:46px; border:1px solid rgba(119,108,175,.31); border-radius:12px; display:grid; place-items:center; background:#0c111c; color:#79859e; cursor:pointer; font-size:18px; }
.module-settings-button:hover { color:#d9caff; border-color:rgba(148,80,255,.55); background:#11142a; }
.module-grid.list-view { grid-template-columns:1fr; }
.module-grid.list-view .module-card { min-height:124px; grid-template-columns:56px 1fr 62px; }
.module-grid.list-view .module-card-copy p { min-height:auto; margin-bottom:8px; }
.module-empty { margin:0 32px 40px; min-height:280px; border:1px dashed rgba(123,108,170,.25); border-radius:16px; display:grid; place-items:center; align-content:center; color:#6c7488; text-align:center; }
.module-empty span { font-size:40px; }.module-empty strong { margin-top:12px; color:#aab1c0; font-size:18px; }.module-empty p { margin:6px 0 0; font-size:13px; }

.module-inspector {
  height:100vh;
  border-left:1px solid rgba(147,105,248,.20);
  background:rgba(7,6,16,.90);
  backdrop-filter:blur(18px);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#7c16e8 #0d0b18;
}
.inspector-head {
  height:104px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(147,105,248,.18);
  position:sticky;
  top:0;
  z-index:5;
  background:rgba(8,7,17,.88);
  backdrop-filter:blur(18px);
}
.inspector-head>div { display:flex; align-items:center; gap:13px; color:#c8cbd6; }
.inspector-head>div span { color:#8d8fd3; font-size:20px; }
.inspector-head strong { font-size:15px; }
.inspector-head button { border:0; background:transparent; color:#81889a; font-size:30px; cursor:pointer; }
.inspector-body { padding:30px 28px; }
.inspector-module-head { display:grid; grid-template-columns:68px minmax(0,1fr) auto; gap:18px; align-items:center; }
.inspector-icon { width:66px; height:66px; display:grid; place-items:center; border-radius:18px; color:#b62eff; font-size:42px; background:rgba(126,27,228,.08); text-shadow:0 0 24px rgba(183,46,255,.55); }
.inspector-module-head h2 { margin:0; font-size:24px; line-height:1.15; letter-spacing:-.03em; }
.inspector-category { display:inline-flex; margin-top:8px; padding:4px 8px; border:1px solid rgba(30,217,210,.38); border-radius:7px; color:#19d9cc; background:rgba(18,199,191,.08); font:800 9px ui-monospace,monospace; }
.inspector-description { margin:24px 0 0; color:#7e879c; font-size:14px; line-height:1.7; }
.inspector-section { margin-top:30px; }
.inspector-label { display:block; margin-bottom:12px; color:#9ba4b7; font-size:13px; font-weight:700; }
.inspector-check-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 12px; }
.inspector-check-grid label { display:flex; align-items:center; gap:10px; color:#adb4c5; font-size:14px; cursor:pointer; }
.inspector-check-grid input { display:none; }
.inspector-check-grid label span { width:20px; height:20px; border:1px solid #29405a; border-radius:5px; background:#0c1826; position:relative; }
.inspector-check-grid input:checked + span { border-color:#861cff; background:linear-gradient(135deg,#6f18e9,#9c11ff); box-shadow:0 0 15px rgba(140,22,255,.28); }
.inspector-check-grid input:checked + span:after { content:"✓"; position:absolute; inset:-1px 0 0; display:grid; place-items:center; color:white; font-size:13px; font-weight:900; }
.segmented-control { display:grid; grid-template-columns:1fr 1fr; padding:3px; border:1px solid rgba(75,95,137,.35); border-radius:11px; background:#0a111e; }
.segmented-control button { height:42px; border:0; border-radius:8px; color:#77849a; background:transparent; cursor:pointer; }
.segmented-control button.active { color:#fff; background:linear-gradient(135deg,#6e11d9,#8d0fe7); box-shadow:0 0 16px rgba(139,15,231,.22); }
.range-label { display:flex; justify-content:space-between; align-items:center; color:#a7afbf; font-size:13px; }
.range-label output { min-width:60px; padding:8px 10px; border:1px solid rgba(63,82,123,.4); border-radius:8px; text-align:center; background:#0c1422; color:#c5cada; }
.inspector-range { width:100%; height:6px; margin-top:18px; accent-color:#8e18f0; }
.inspector-note { margin-top:32px; padding:16px; display:grid; grid-template-columns:28px 1fr; gap:12px; border:1px solid rgba(56,89,164,.38); border-radius:12px; background:rgba(20,41,89,.16); }
.inspector-note>span { width:24px; height:24px; display:grid; place-items:center; border:1px solid #2780ff; border-radius:50%; color:#35a1ff; font-weight:800; }
.inspector-note p { margin:0; color:#72809d; font-size:11px; line-height:1.55; }
.inspector-note strong { color:#9ca9c4; }
.inspector-footer { padding:22px 28px 28px; display:flex; align-items:center; justify-content:flex-end; gap:12px; color:#3d4360; font:800 9px ui-monospace,monospace; letter-spacing:.18em; }
.inspector-footer span { width:34px; height:2px; background:#7a18e7; box-shadow:0 0 10px #7a18e7; }

@media (max-width: 1500px) {
  .modules-workspace { grid-template-columns:250px minmax(620px,1fr) 360px; }
  .modules-sidebar { padding-left:16px; padding-right:16px; }
  .module-content-head,.module-grid { padding-left:24px; padding-right:24px; }
  .module-card { min-height:164px; padding:17px; grid-template-columns:52px 1fr 54px; gap:14px; }
  .module-card-icon { width:50px; height:50px; font-size:30px; }
  .module-card-title-row h2 { font-size:17px; }
  .module-card-copy p { font-size:12px; }
  .inspector-body { padding-left:22px; padding-right:22px; }
}
@media (max-width: 1180px) {
  .modules-app-body { overflow:auto; }
  .modules-workspace { height:auto; min-height:100vh; grid-template-columns:220px minmax(0,1fr); }
  .module-inspector { position:fixed; top:0; right:0; width:min(420px,92vw); z-index:40; transform:translateX(102%); transition:.22s ease; box-shadow:-30px 0 60px rgba(0,0,0,.35); }
  .module-inspector.open { transform:translateX(0); }
  .modules-center { height:100vh; }
  .workspace-category { min-height:54px; grid-template-columns:28px 1fr auto; }
  .workspace-category b { font-size:12px; }
}
@media (max-width: 820px) {
  .modules-workspace { display:block; min-height:100vh; }
  .modules-sidebar { min-height:auto; padding:18px; border-right:0; border-bottom:1px solid rgba(147,105,248,.18); }
  .workspace-brand { padding-bottom:16px; }
  .workspace-categories { display:flex; overflow:auto; padding-bottom:4px; }
  .workspace-category { flex:0 0 auto; width:auto; min-height:46px; grid-template-columns:auto auto; padding:0 14px; }
  .workspace-category span { font-size:17px; }
  .workspace-category i,.workspace-category.active:before { display:none; }
  .workspace-profile,.workspace-status,.workspace-module-total { display:none; }
  .modules-center { height:auto; min-height:calc(100vh - 150px); overflow:visible; }
  .workspace-topbar { height:auto; padding:16px 18px; position:relative; }
  .workspace-home,.workspace-search kbd { display:none; }
  .module-content-head { padding:24px 18px 18px; display:block; }
  .module-content-head h1 { font-size:34px; }
  .module-view-tools { margin-top:18px; justify-content:space-between; }
  .module-grid { padding:0 18px 28px; grid-template-columns:1fr; }
  .module-card { min-height:150px; }
  .module-empty { margin:0 18px 28px; }
}
@media (max-width: 520px) {
  .module-content-head p { font-size:12px; }
  .module-view-tools select { min-width:0; max-width:48%; }
  .view-switch button { padding:0 12px; }
  .view-switch button span { display:none; }
  .module-card { grid-template-columns:48px minmax(0,1fr) 48px; gap:12px; padding:15px; }
  .module-card-icon { width:44px; height:44px; font-size:26px; }
  .module-card-title-row h2 { font-size:16px; }
  .module-card-copy p { min-height:auto; }
  .module-toggle { width:48px; height:28px; }
  .module-toggle i { width:20px; height:20px; }
  .module-toggle[aria-pressed="true"] i { transform:translateX(20px); }
  .module-settings-button { width:40px; height:40px; }
}
@media (min-width: 1181px) {
  .modules-workspace.inspector-collapsed { grid-template-columns:300px minmax(720px,1fr) 0; }
  .modules-workspace.inspector-collapsed .module-inspector { opacity:0; pointer-events:none; overflow:hidden; }
}

/* Larger homepage module showcase */
.module-showcase-heading { margin-bottom:28px; }
.home-module-console {
  min-height:620px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(139,92,246,.24);
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 8%, rgba(130,42,255,.12), transparent 22%),
    linear-gradient(145deg,#0a0914,#0c0d18 55%,#090a12);
  box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 50px rgba(110,26,231,.06);
}
.home-module-categories {
  padding:24px 16px;
  display:flex;
  flex-direction:column;
  gap:7px;
  border-right:1px solid rgba(139,92,246,.17);
  background:rgba(7,6,15,.56);
}
.home-module-brand { display:flex!important; align-items:center!important; gap:11px!important; min-height:64px!important; padding:0 10px 18px!important; margin-bottom:8px; border:0!important; background:transparent!important; color:white!important; }
.home-module-brand span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px 4px 10px 4px; background:linear-gradient(135deg,#b12bff,#6411dc); box-shadow:0 0 20px rgba(140,28,255,.3); }
.home-module-brand strong { font-size:19px; }
.home-module-categories>div:not(.home-module-brand):not(.home-module-profile) { min-height:51px; padding:0 13px; display:flex; align-items:center; gap:12px; border:1px solid transparent; border-radius:11px; color:#7f879b; font-size:12px; font-weight:800; letter-spacing:.02em; }
.home-module-categories>div.active { color:white!important; border-color:rgba(151,62,255,.4)!important; background:linear-gradient(90deg,rgba(118,22,240,.28),rgba(87,13,179,.10))!important; }
.home-module-categories>div span { width:24px; text-align:center; font-size:18px; color:#8893ad; }
.home-module-categories>div.active span { color:#d29cff; }
.home-module-profile { margin-top:auto; padding:15px; border:1px solid rgba(140,95,246,.24); border-radius:13px; display:grid; gap:4px; background:rgba(18,18,34,.72); }
.home-module-profile b { font-size:15px; }
.home-module-profile small { color:#a34eff; font:800 9px ui-monospace,monospace; letter-spacing:.09em; }
.home-module-main { min-width:0; padding:26px; }
.home-module-top { min-height:72px; display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:18px; }
.home-module-top>div { display:grid; gap:5px; }
.home-module-top strong { font-size:30px; letter-spacing:-.04em; }
.home-module-top span { color:#757e92; font-size:12px; }
.home-module-top>a { width:min(360px,42%); min-height:48px; padding:0 15px; border:1px solid rgba(111,102,164,.24); border-radius:11px; display:flex; align-items:center; justify-content:space-between; color:#687187; background:#0c0f19; font-size:12px; }
.home-module-top>a b { font-size:22px; color:#7f89a2; }
.home-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.home-module-grid article { min-height:116px; padding:17px; display:grid; grid-template-columns:48px 1fr auto; gap:14px; align-items:center; border:1px solid rgba(132,93,220,.24); border-radius:14px; background:linear-gradient(145deg,rgba(18,22,36,.92),rgba(11,13,25,.94)); transition:.18s ease; }
.home-module-grid article:hover { transform:translateY(-2px); border-color:rgba(148,68,255,.5); }
.home-module-icon { width:46px; height:46px; display:grid; place-items:center; color:#ae3fff; font-size:29px; text-shadow:0 0 18px rgba(174,63,255,.38); }
.home-module-grid article:nth-child(even) .home-module-icon { color:#2adbf0; text-shadow:0 0 18px rgba(42,219,240,.3); }
.home-module-grid article strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
.home-module-grid article p { margin:6px 0 8px; color:#747e92; font-size:10px; }
.home-module-grid article small { color:#14d8c4; font-size:9px; font-weight:800; }
.home-module-grid article i { width:45px; height:25px; border-radius:20px; background:#294154; position:relative; }
.home-module-grid article i:after { content:""; width:19px; height:19px; position:absolute; left:3px; top:3px; border-radius:50%; background:#a9c1d0; }
@media (max-width:980px) {
  .home-module-console { grid-template-columns:170px minmax(0,1fr); }
  .home-module-grid { grid-template-columns:1fr; }
  .home-module-console { min-height:720px; }
  .home-module-top>a { width:45%; }
}
@media (max-width:720px) {
  .home-module-console { display:block; min-height:auto; }
  .home-module-categories { display:flex; flex-direction:row; overflow:auto; border-right:0; border-bottom:1px solid rgba(139,92,246,.17); }
  .home-module-categories>div:not(.active),.home-module-brand,.home-module-profile { display:none!important; }
  .home-module-categories>div.active { flex:0 0 auto; }
  .home-module-main { padding:18px; }
  .home-module-top { align-items:flex-start; flex-direction:column; }
  .home-module-top>a { width:100%; }
}
.brand-mark:has(img){width:40px;height:40px;background:transparent;border-radius:0;box-shadow:none}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.footer-brand .brand-mark:has(img){width:34px;height:34px}

/* News */
.news-hero{padding-bottom:54px}.news-hero h1{margin:12px 0 16px;font-size:clamp(48px,7vw,86px);letter-spacing:-.065em}.news-hero>p{max-width:650px;color:#8d95a4;font-size:16px;line-height:1.65}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:120px}
.news-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(18,20,29,.96),rgba(10,11,17,.96));box-shadow:0 18px 54px rgba(0,0,0,.2)}
.news-image{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;background:#10131b}
.news-card-content{padding:28px}.news-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;color:#6f7887;font:700 10px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.news-meta span{color:var(--accent-2)}
.news-card h2{margin:20px 0 12px;font-size:clamp(25px,3vw,36px);line-height:1.06;letter-spacing:-.045em}.news-summary{margin:0 0 22px;color:#b5bbc6;font-size:15px;line-height:1.65}.news-body{white-space:pre-line;color:#858e9e;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.news-card .btn{display:inline-flex;margin-top:26px}.news-empty{grid-column:1/-1;min-height:220px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px}
.news-admin-list{margin-top:20px}.news-admin-list+.empty-state{margin-top:16px}.admin-help code{color:#9fcfd2}
@media(max-width:760px){.news-grid{grid-template-columns:1fr;padding-bottom:80px}.news-card-content{padding:22px}.news-meta{align-items:flex-start;flex-direction:column;gap:8px}.news-hero{padding-bottom:38px}}