*{box-sizing:border-box}body{margin:0;font:15px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f1115;color:#e7e9ee}
a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:28px;padding:18px 40px;border-bottom:1px solid #1f232b;position:sticky;top:0;background:#0f1115ee;backdrop-filter:blur(8px)}
.logo{font-weight:700;font-size:20px;letter-spacing:.3px}.logo span{color:#ff5a36}nav a{opacity:.75;margin-right:20px}nav a:hover{opacity:1}
main{max-width:1200px;margin:0 auto;padding:32px 40px 64px}h1{font-size:28px;margin:8px 0 4px}.sub{opacity:.6;margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#1b1f27;display:block}
.card h3{margin:10px 0 2px;font-size:16px}.meta{opacity:.55;font-size:13px}.card:hover img{outline:2px solid #ff5a36}
video{width:100%;border-radius:12px;background:#000;max-height:70vh}.row{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.btn{padding:8px 16px;border-radius:8px;background:#1f232b}.btn.p{background:#ff5a36;color:#fff}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #1f232b;text-align:left}
footer{opacity:.45;font-size:13px;text-align:center;padding:30px}