*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#0c1b24}header{height:76px;background:#071720;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 6vw}.brand{font-weight:800;letter-spacing:.12em}.brand span{color:#c7a25c}nav a{color:#dce5e9;text-decoration:none;margin-left:24px;font-size:12px}.hero{padding:110px 7vw;background:linear-gradient(120deg,#071720,#24485a);color:#fff}.hero p{color:#d1b16d;letter-spacing:.18em;font-size:11px}.hero h1{font-size:64px;max-width:900px;line-height:1}.stats{display:flex;gap:40px;margin-top:38px}.stats b{font-size:14px}main section{padding:80px 7vw}h2{font-size:42px;margin:0 0 15px}.intro{color:#62727b}.controls{display:flex;gap:10px;margin:25px 0}.controls input,.controls select{height:46px;border:1px solid #d9e1e4;padding:0 12px}.controls input{flex:1}.table{overflow:auto;border:1px solid #d9e1e4}table{width:100%;border-collapse:collapse;min-width:950px}th{background:#f0f3f4;text-align:left;padding:13px;font-size:9px;text-transform:uppercase}td{padding:14px 13px;border-top:1px solid #e2e8eb;font-size:12px}td:first-child{font-weight:800;color:#126ea8}.dark{background:#071720;color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:#0d2632;border:1px solid #2d414a;padding:22px}.card strong{font-size:30px;color:#d1b16d}.card p{color:#9daeb5}footer{padding:36px 7vw;background:#030c12;color:#8da0a9;font-size:11px}@media(max-width:800px){nav{display:none}.hero h1{font-size:46px}.cards{grid-template-columns:1fr}.controls{flex-wrap:wrap}.controls input,.controls select{width:100%}.stats{flex-direction:column;gap:12px}}