:root{--bg:#03080d;--panel:rgba(4,16,26,.86);--line:rgba(102,234,255,.24);--cyan:#66eaff;--gold:#ffc86a;--violet:#b78cff;--red:#ff5f45;--green:#56e39f;--text:#e8f5fb;--muted:#8ba7b6}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 20%,#0b2b45 0,transparent 35%),#03080d}a{color:inherit;text-decoration:none}.top{height:76px;display:flex;align-items:center;gap:28px;padding:0 4vw;border-bottom:1px solid var(--line);background:#02070bbb;backdrop-filter:blur(18px);position:sticky;top:0;z-index:8}.brand{display:flex;align-items:center;gap:13px;margin-right:auto}.brand img{width:46px}.brand b{letter-spacing:3px}.brand small{display:block;color:var(--muted);letter-spacing:4px;margin-top:4px}.nav{display:flex;gap:24px;color:#b8c8d1;font-size:13px;letter-spacing:1.4px}.live{color:var(--green);font-size:12px;letter-spacing:2px}.hero{min-height:590px;position:relative;overflow:hidden;display:grid;grid-template-columns:48% 52%;align-items:center;padding:50px 6vw}.hero:after{content:"";position:absolute;inset:0 0 0 43%;background:url('/assets/guardian-homepage-clean.png') center/cover no-repeat;mask-image:linear-gradient(to right,transparent 0,#000 25%);opacity:.95}.hero-copy{z-index:2;max-width:650px}.eyebrow{color:var(--cyan);letter-spacing:4px;font-size:13px}.hero h1{font-size:clamp(48px,5.6vw,88px);line-height:.98;margin:22px 0;background:linear-gradient(110deg,var(--gold),#fff 36%,var(--cyan) 66%,var(--violet));-webkit-background-clip:text;color:transparent;letter-spacing:2px}.hero p{font-size:18px;line-height:1.7;color:#b7c6ce;max-width:600px}.actions{display:flex;gap:16px;margin:30px 0}.button{padding:14px 24px;border:1px solid var(--cyan);clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);background:#071924cc;letter-spacing:1.5px;color:var(--cyan);cursor:pointer}.button.gold{border-color:var(--gold);color:var(--gold)}.metrics{position:relative;z-index:3;margin:-35px 4vw 25px;display:grid;grid-template-columns:repeat(4,1fr);background:#051019e8;border:1px solid var(--line)}.metric{padding:20px 25px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:31px;color:var(--cyan);font-weight:400}.metric span{display:block;color:var(--muted);font-size:11px;letter-spacing:1.3px;margin-top:5px}.section{padding:28px 4vw 60px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,rgba(8,28,42,.92),rgba(2,9,15,.94));border:1px solid var(--line);padding:25px;min-height:180px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;width:120px;height:2px;background:var(--cyan);top:0;left:0;box-shadow:0 0 16px var(--cyan)}.card h3{letter-spacing:3px;font-weight:500;color:var(--cyan)}.card p{color:var(--muted);line-height:1.65}.status{font-size:12px;color:var(--green);letter-spacing:1.5px}.footer{text-align:center;border-top:1px solid var(--line);padding:30px;color:var(--muted)}
.dash{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:28px 18px;background:#02080d}.side .brand{margin-bottom:42px}.side nav button{width:100%;display:block;text-align:left;border:0;border-left:2px solid transparent;background:none;color:#9ab0bc;padding:15px 14px;letter-spacing:1.2px;cursor:pointer}.side nav button.active,.side nav button:hover{color:var(--cyan);border-left-color:var(--cyan);background:#092033}.main{padding:28px}.commandbar{display:flex;align-items:center;gap:20px;margin-bottom:25px}.commandbar h1{font-weight:400;letter-spacing:4px;margin:0 auto 0 0}.voice{border:1px solid var(--line);background:#06131d;padding:11px 17px;color:var(--cyan);min-width:280px}.panel-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.panel{grid-column:span 4;background:var(--panel);border:1px solid var(--line);padding:20px;min-height:160px}.panel.wide{grid-column:span 8}.panel.full{grid-column:1/-1}.panel h2{font-size:13px;color:var(--cyan);letter-spacing:2px;margin-top:0}.big{font-size:42px;font-weight:300}.tag{display:inline-block;padding:4px 8px;border:1px solid var(--line);font-size:11px;color:var(--muted);margin:3px}.list{display:grid;gap:8px}.row{display:flex;justify-content:space-between;gap:15px;padding:10px;border-bottom:1px solid #183241;color:#b8c9d2}.row small{color:var(--muted)}.danger{color:var(--red)}.ok{color:var(--green)}.hidden{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero:after{inset:25% 0 0 20%;opacity:.42}.metrics,.grid{grid-template-columns:1fr 1fr}.dash{grid-template-columns:1fr}.side{display:none}.panel,.panel.wide{grid-column:1/-1}.nav{display:none}}@media(max-width:560px){.metrics,.grid{grid-template-columns:1fr}.hero{padding:45px 24px}.metric{border-right:0;border-bottom:1px solid var(--line)}}