:root{--blue:#0b3f73;--light:#f4f8fc;--text:#162638;--gold:#c7a558}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--light);color:var(--text)}.wrap{max-width:1180px;margin:auto;padding:28px}.hero{background:linear-gradient(135deg,#0b3f73,#1165a8);color:white;border-radius:26px;padding:38px;box-shadow:0 15px 40px #0b3f7330}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--gold);font-weight:700}.hero .kicker{color:#f0d58a}.hero h1{font-size:44px;margin:0 0 8px}.tools{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}.tools input,.tools select{padding:13px;border:1px solid #d8e3ef;border-radius:14px;background:white;min-width:220px}.reserved{margin-left:auto;background:var(--blue);color:white;text-decoration:none;padding:13px 18px;border-radius:14px;border:0;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 10px 25px #0b3f7318;border:1px solid #e3edf7}.card img{width:100%;height:170px;object-fit:cover;background:#dbe8f4}.card .body{padding:18px}.badge{display:inline-block;background:#eaf3fb;color:var(--blue);font-size:12px;border-radius:999px;padding:5px 9px;margin-right:5px}.card h3{margin:10px 0 6px}.desc{color:#4c5f72;line-height:1.45}.btn{background:var(--blue);color:white;border:0;border-radius:12px;padding:11px 14px;cursor:pointer}.featured .card{display:grid;grid-template-columns:330px 1fr;margin-bottom:18px}.modal{position:fixed;inset:0;background:#001a33cc;display:flex;align-items:center;justify-content:center;padding:20px}.hidden{display:none}.player{position:relative;background:white;max-width:900px;width:100%;border-radius:26px;padding:22px;display:grid;grid-template-columns:280px 1fr;gap:22px}.x{position:absolute;right:16px;top:10px;border:0;background:transparent;font-size:34px}.pcover{width:100%;border-radius:20px}.pinfo audio,.pinfo video{width:100%;margin-top:18px;border-radius:14px}.loginbox{max-width:520px;margin:28px auto;background:white;border-radius:22px;padding:24px;box-shadow:0 10px 25px #0b3f7318;border:1px solid #e3edf7}.loginbox input{display:block;width:100%;margin:10px 0;padding:14px;border-radius:12px;border:1px solid #d8e3ef}.error{color:#a40000;font-weight:600}@media(max-width:760px){.featured .card,.player{grid-template-columns:1fr}.wrap{padding:14px}.hero h1{font-size:34px}.reserved{margin-left:0}}