:root{color-scheme:dark;--bg:#0b1017;--panel:#141d28;--muted:#99a9ba;--accent:#42e0cd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f8fc;font:16px/1.5 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22303e}header img{display:block;width:200px;height:88px;object-fit:cover;object-position:50% 44%}nav{display:flex;gap:24px}nav [aria-current]{color:var(--accent)}main{min-height:75vh;padding-top:64px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:700}h1{font-size:clamp(32px,5vw,60px);letter-spacing:-.045em;margin:12px 0}.intro,.note{color:var(--muted);max-width:720px}.intro{font-size:19px}form{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:16px;margin:36px 0 20px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7;cursor:pointer}#clear{margin-right:10px}label{display:grid;gap:8px;font-size:13px;font-weight:600}select,input,button{font:inherit;padding:12px;border:1px solid #344354;border-radius:8px;background:var(--panel);color:#fff;width:100%}input:focus,select:focus,button:focus{outline:2px solid var(--accent);outline-offset:3px}.status{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}button{cursor:pointer;width:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--panel);border:1px solid #273442;border-radius:12px;overflow:hidden}.card video{width:100%;aspect-ratio:16/9;background:#05090e url(/img/logo.png) center/96px auto no-repeat;display:block}.meta{padding:18px}.meta h2{font-size:18px;margin:0 0 8px}.meta p{color:var(--muted);font-size:13px;margin:6px 0}.meta a{color:var(--accent)}.note{font-size:13px;margin-top:44px}footer{border-top:1px solid #22303e;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}@media(max-width:850px){.grid,form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){form,.grid{grid-template-columns:1fr}header,main,footer{padding:18px}main{padding-top:36px}header img{width:150px;height:66px}nav{gap:14px;font-size:14px}footer{gap:20px}}
