*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--accent);text-decoration:none} a:hover{color:var(--accent-hi)}
img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{position:sticky;top:0;z-index:50;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0)),var(--surface);border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}
.logo{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.2px;color:#fff}
.logo img{width:28px;height:28px}
nav a{color:#dfe3f5;margin-left:14px} nav a:hover{color:#fff}
.hero{padding:42px 0}
.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px}
.hero p{color:var(--muted);margin:0}
.grid{display:grid;gap:18px}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft);transition:.2s transform,.2s box-shadow,.2s border-color}
.card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}
.kpi{display:flex;gap:16px;flex-wrap:wrap}
.kpi .pill{background:linear-gradient(180deg,var(--surface),var(--card));border:1px solid var(--border);border-radius:999px;padding:10px 14px;color:var(--muted)}
.site-footer{padding:28px 24px;border-top:1px solid var(--border);color:var(--muted);text-align:center}
input,select,textarea,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}
button{cursor:pointer;background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:#0b0b10;font-weight:700;border:none}
button:hover{filter:brightness(1.05)}
.ad{display:flex;align-items:center;justify-content:center;min-height:96px;margin:16px 0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.04) 10px,rgba(255,255,255,.04) 20px),var(--surface);border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:14px 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
th,td{padding:12px 14px;border-bottom:1px solid var(--border)}
th{background:linear-gradient(180deg,var(--surface),var(--card));text-align:left}
tr:last-child td{border-bottom:none}