*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f8ff;color:#13233b}.topbar{height:68px;display:flex;align-items:center;gap:20px;padding:0 24px;background:#fff;border-bottom:1px solid #dce8ff;position:sticky;top:0;z-index:10}.brand{font-size:24px;font-weight:900;color:#165dff;text-decoration:none}.play{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#1266ff,#65b7ff);color:white}.search{flex:1;display:flex;max-width:620px;margin:auto}.search input{flex:1;padding:13px 16px;border:1px solid #bcd4ff;border-radius:999px 0 0 999px}.search button,.btn{padding:13px 18px;border:0;background:#165dff;color:white;border-radius:0 999px 999px 0;text-decoration:none}.topbar nav{display:flex;gap:12px;align-items:center}.topbar nav a{color:#173b74;text-decoration:none;font-weight:700}.sitewrap{display:flex}.sidebar{width:230px;padding:22px;background:#fff;min-height:calc(100vh - 68px);border-right:1px solid #dce8ff;position:sticky;top:68px}.sidebar a{display:block;padding:13px 14px;border-radius:14px;color:#173b74;text-decoration:none;font-weight:700}.sidebar a:hover{background:#eaf3ff}.content{flex:1;padding:28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card{background:#fff;border:1px solid #dce8ff;border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(22,93,255,.08)}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#dcebff,#fff);border-radius:16px;display:grid;place-items:center;font-size:42px;color:#165dff}.hero{background:linear-gradient(135deg,#0d5bff,#64b5ff);color:white;border-radius:28px;padding:36px;margin-bottom:28px}.footer{text-align:center;padding:25px;color:#597099}@media(max-width:850px){.sidebar{display:none}.topbar{height:auto;flex-wrap:wrap;padding:12px}.search{order:3;min-width:100%}.content{padding:16px}}