*{box-sizing:border-box}body{margin:0;background:#0c1020;color:#edf0ff;font:16px system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:0 22px}.top{background:#141b30;border-bottom:1px solid #2c3451}.top .container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}.brand{font-size:25px;font-weight:800;color:#fb4f8b}.nav{display:flex;gap:18px;align-items:center}.nav a:hover{color:#fb4f8b}.hero{padding:75px 0;background:linear-gradient(115deg,#292252,#111a35 60%,#2e193a)}.hero h1{font-size:clamp(30px,5vw,54px);margin:0 0 14px}.hero p{max-width:680px;color:#c4c9e2}.btn,button{border:0;background:#f44a87;color:#fff;padding:12px 20px;border-radius:10px;font-weight:700;cursor:pointer}.search{display:flex;gap:10px;max-width:650px;margin:24px 0}.search input,input,textarea,select{background:#1a2340;color:#fff;border:1px solid #465174;padding:12px;border-radius:9px;max-width:100%}.search input{flex:1}.section{padding:34px 0}.section h2{margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.poster{background:#19223a;border:1px solid #2a3450;border-radius:13px;overflow:hidden;transition:transform .2s}.poster:hover{transform:translateY(-4px)}.poster img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#303b58}.poster .info{padding:12px}.poster strong{display:block}.muted{color:#a8b2cd;font-size:14px}.detail{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:38px 0}.detail img{width:100%;border-radius:12px}.episodes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ep{padding:18px;background:#1a2340;border-radius:10px}.ep:hover{background:#29355b}.player{width:100%;aspect-ratio:16/9;background:#05070c;border:0}.footer{margin-top:60px;padding:26px 0;background:#141b30;color:#a8b2cd}.notice{padding:15px;background:#202a46;border-radius:10px}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{border-bottom:1px solid #3b4461;padding:12px;text-align:left}.form{max-width:750px;display:grid;gap:14px}.form label{display:grid;gap:5px}.form input,.form textarea,.form select{width:100%}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}.episodes{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.detail img{max-width:210px}.nav{gap:10px}.search{flex-direction:column}.episodes{grid-template-columns:1fr}}
