*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.7;color:#1f2937;background:#eceff5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1100px,92%);margin-inline:auto}.section{padding:5.5rem 0;position:relative}.section+.section{margin-top:3rem}.section:before{content:"";display:block;width:72px;height:4px;margin:0 auto 2.8rem;border-radius:999px;background:#6366f1}.section-title{font-size:1.85rem;margin-bottom:2.8rem;text-align:center;font-weight:700;letter-spacing:1px;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:100;background:#f1f5f9;border-bottom:1px solid #dbe1ee}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:700;font-size:1.2rem}.logo span{color:#4f46e5}.nav{display:flex;gap:1.5rem}.nav a{font-weight:500;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#4f46e5;transition:width .3s ease}.nav a:hover:after{width:100%}.hero{background:linear-gradient(#0f172aa6,#0f172aa6),url(/assets/character-BBM6QxXp.jpg) center / cover no-repeat;color:#f8fafc}.hero-inner{min-height:78vh;display:flex;align-items:center}.hero-text{max-width:700px}.hero-text h1{font-size:2.7rem;margin-bottom:1rem;line-height:1.15}.hero-text p{margin-bottom:1rem;color:#e5e7eb}.hero-focus{font-weight:600;color:#c7d2fe}.btn{display:inline-block;margin-top:1.7rem;padding:.8rem 1.8rem;background:#4f46e5;color:#fff;border-radius:999px;font-weight:600;transition:background .3s ease,transform .2s ease}.btn:hover{background:#4338ca;transform:translateY(-2px)}.grid{display:grid;gap:2.2rem}#episodes{background:linear-gradient(180deg,#e4e9ff,#f1f4ff);border-top:1px solid #c7d2fe;border-bottom:1px solid #c7d2fe}#episodes .section-title{color:#3730a3}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{display:flex;flex-direction:column;background:#fdfdff;border-radius:20px;overflow:hidden;border-left:6px solid #6366f1;box-shadow:0 18px 36px #6366f12e;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 26px 48px #6366f140}.card img{width:100%;height:200px;object-fit:cover}.card-body{padding:1.5rem}.card-body h3{font-size:1.35rem;margin-bottom:.4rem}.card-body p{font-size:.96rem;color:#475569}#characters{background:#e9eef6}#characters .section-title{color:#1e293b}.chars{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));text-align:center}.char{background:#f4f6fb;border-radius:18px;padding:1.7rem 1rem 2.2rem;border:1px solid #c7d2fe;transition:transform .25s ease,box-shadow .25s ease}.char:hover,.char:focus{transform:translateY(-5px);box-shadow:0 18px 32px #0000001f}.char img{width:120px;height:120px;margin:0 auto 1rem;border-radius:50%;object-fit:cover;border:4px solid #6366f1}.char h4{margin-bottom:.4rem;font-size:1.1rem}.char p{font-size:.9rem;color:#475569}#about{background:#0f172a;color:#e5e7eb}#about.section:before{background:#a5b4fc}#about .section-title{color:#c7d2fe}#about p{max-width:850px;margin:0 auto 1.6rem;text-align:center;color:#d1d5db;font-size:1.08rem;line-height:1.9}.site-footer{background:#020617;color:#e5e7eb;padding:2.7rem 0}.footer-inner{text-align:center;font-size:.9rem}.lightbox{position:fixed;inset:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:999}.lightbox[aria-hidden=false]{display:flex}.lightbox img{max-width:90%;max-height:85%;border-radius:14px}.lb-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:2rem}@media(max-width:480px){.nav{flex-wrap:wrap;justify-content:center;gap:.8rem 1.2rem}.nav a{font-size:.85rem}}@media(max-width:768px){.header-inner{height:auto;padding:.8rem 0;flex-direction:column;gap:.6rem}.logo{font-size:1.1rem}.nav{gap:1rem}.nav a{font-size:.9rem}}@media(max-width:768px){.btn{padding:.7rem 1.5rem;font-size:.9rem}}@media(max-width:480px){.hero .btn{font-size:.78rem;padding:.5rem 1rem;line-height:1.2;text-align:center;white-space:normal;max-width:260px}}