:root{ --bg:#0b1220; --fg:#e7eaf0; --muted:#9aa3b2; --card:#0f172a; --line:#1f2937; --brand:#38bdf8; --accent:#a78bfa; }
:root.light{ --bg:#ffffff; --fg:#0b1220; --muted:#5b6473; --card:#f6f7fb; --line:#e7eaf1; --brand:#0891b2; --accent:#6d28d9; }
*{box-sizing:border-box} html,body{height:100%} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} img{max-width:100%;height:auto;display:block}
.container{width:min(1100px,92%);margin:0 auto} .row{display:flex;gap:1rem} .row.between{justify-content:space-between} .row.center{align-items:center}
.grid2{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem} @media (max-width:900px){.grid2{grid-template-columns:1fr}}
.site-header{position:sticky;top:0;z-index:20;background:rgba(15,23,42,.7);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}
:root.light .site-header{background:rgba(255,255,255,.7)}
.brand{display:flex;gap:.6rem;align-items:center;font-weight:800;color:var(--fg)} .nav{display:flex;gap:1rem;align-items:center}
.icon-btn{background:none;border:1px solid var(--line);color:var(--fg);border-radius:.6rem;padding:.4rem .6rem;cursor:pointer}
.hero{padding:4rem 0 3rem;background:radial-gradient(60rem 60rem at 20% -10%, #1a2440, transparent)} .hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:.2rem 0 .8rem}
.lead{color:var(--muted)} .card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1.2rem}
.btn{display:inline-block;background:var(--brand);color:white;font-weight:600;border:0;border-radius:.8rem;padding:.8rem 1rem;cursor:pointer} .btn:hover{filter:brightness(1.1)}
.form{display:grid;gap:.8rem} .form .row{gap:1rem} .form label{display:grid;gap:.3rem} input,select{padding:.8rem;border-radius:.6rem;border:1px solid var(--line);background:transparent;color:var(--fg)}
input[readonly]{opacity:.9} .form-note{font-size:.9rem;color:var(--muted)} .muted{color:var(--muted)}
.section{padding:3rem 0;border-top:1px solid var(--line)} .section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)} h2{font-size:1.8rem;margin:0 0 1rem}
.search input{width:320px;max-width:100%} .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:.8rem;margin-top:1rem}
table{width:100%;border-collapse:collapse} th,td{padding:.7rem .8rem;border-bottom:1px solid var(--line);white-space:nowrap} tbody tr:hover{background:rgba(255,255,255,.03);cursor:pointer}
.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem} .pill{border:1px solid var(--line);padding:.35rem .6rem;border-radius:999px}
.ad{display:grid;place-items:center;height:90px;border:1px dashed var(--line);border-radius:.6rem;margin:1rem 0} .ad-rectangle{height:250px}
.site-footer{padding:1rem 0;border-top:1px solid var(--line);font-size:.95rem} .toplink{border:1px solid var(--line);padding:.4rem .7rem;border-radius:.6rem}