:root{--bg:#050816;--surface:#10172a;--primary:#3b82f6;--primary-hover:#2563eb;--text:#fff;--text-muted:#94a3b8;--border:#ffffff14;--container:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),92%);margin:auto}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:1000;background:#050816bf;width:100%;height:72px;position:fixed;top:0;left:0}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:2px;color:var(--primary);font-size:28px;font-weight:800}nav{gap:32px;display:flex}nav a{transition:all .3s}nav a:hover{color:var(--primary)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.eyebrow{color:var(--primary);letter-spacing:3px;margin-bottom:20px;font-weight:700}.hero h1{margin-bottom:24px;font-size:clamp(3rem,8vw,6rem);line-height:1.05}.hero h1 span{color:var(--primary)}.subtitle{max-width:760px;color:var(--text-muted);margin:auto;font-size:1.2rem}.buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;padding:16px 36px;font-weight:700;transition:all .3s;display:inline-flex}.primary{background:var(--primary)}.primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.secondary{border:1px solid var(--border)}.secondary:hover{background:#ffffff0d}.featured-story{padding:120px 0}.featured-grid{grid-template-columns:380px 1fr;align-items:center;gap:70px;display:grid}.featured-cover{aspect-ratio:2/3;object-fit:cover;border-radius:20px;width:100%;box-shadow:0 20px 60px #00000073}.featured-label{color:var(--primary);letter-spacing:3px;margin-bottom:18px;font-weight:700}.featured-content h2{margin-bottom:24px;font-size:3.2rem}.featured-content p{color:var(--text-muted);margin-bottom:36px;font-size:1.15rem}.latest-chapters{padding:120px 0}.section-label{color:var(--primary);letter-spacing:3px;text-align:center;margin-bottom:12px;font-weight:700}.latest-chapters h2{text-align:center;margin-bottom:60px;font-size:3.5rem}.chapter-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.chapter-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:30px;transition:all .35s}.chapter-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 60px #3b82f626}.chapter-card h3{margin-bottom:10px;font-size:2rem}.chapter-card p{color:var(--text-muted);margin-bottom:20px}.chapter-card a{color:var(--primary);font-weight:700}.chapter-page{padding:140px 0 100px}.chapter-page h1{margin-bottom:12px;font-size:3.5rem}.chapter-meta{color:var(--text-muted);margin-bottom:50px}.chapter-content{max-width:850px;margin:auto;font-size:20px;line-height:2}.chapter-content h1,.chapter-content h2,.chapter-content h3{margin:40px 0 20px}.chapter-content p{margin-bottom:24px}.chapter-content img{border-radius:20px;width:100%;margin:40px auto;box-shadow:0 20px 60px #00000073}.chapter-content ul,.chapter-content ol{margin:20px 0 30px 30px}.chapter-content li{margin-bottom:10px}.chapter-content blockquote{border-left:4px solid var(--primary);color:var(--text-muted);margin:30px 0;padding-left:20px;font-style:italic}.chapter-content code{color:#60a5fa;background:#111827;border-radius:6px;padding:3px 8px}.chapter-content pre{background:#111827;border-radius:12px;margin:30px 0;padding:20px;overflow:auto}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:80px 0}@media (width<=900px){.featured-grid{text-align:center;grid-template-columns:1fr}.featured-cover{max-width:340px;margin:auto}.chapter-grid{grid-template-columns:1fr}}@media (width<=768px){.nav{flex-direction:column;justify-content:center;gap:12px;height:auto;padding:20px 0}nav{flex-wrap:wrap;justify-content:center;gap:16px}.hero{padding-top:120px}.hero h1{font-size:3rem}.subtitle{font-size:1rem}.featured-content h2,.latest-chapters h2,.chapter-page h1{font-size:2.5rem}}.stories-page{padding-top:120px}.stories-hero{text-align:center;padding:80px 0 60px}.stories-hero h1{margin:20px 0;font-size:clamp(3rem,6vw,4.5rem)}.stories-subtitle{max-width:760px;color:var(--text-muted);margin:0 auto;font-size:1.15rem}.stories-grid-section{padding:60px 0 120px}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.story-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:all .3s;overflow:hidden}.story-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 60px #3b82f626}.story-card img{aspect-ratio:2/3;object-fit:cover;width:100%}.story-info{padding:28px}.story-info h2{margin-bottom:12px;font-size:2rem}.story-info p{color:var(--text-muted);margin-bottom:16px}.story-info span{color:var(--primary);margin-bottom:24px;font-weight:700;display:block}.characters-page{padding-top:120px}.characters-hero{text-align:center;padding:80px 0 60px}.characters-hero h1{margin:20px 0;font-size:clamp(3rem,6vw,4.5rem)}.characters-subtitle{max-width:700px;color:var(--text-muted);margin:auto}.characters-grid-section{padding:60px 0 120px}.characters-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;display:grid}.character-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:all .3s;overflow:hidden}.character-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 60px #3b82f626}.character-card img{aspect-ratio:2/3;object-fit:cover;width:100%}.character-info{padding:28px}.character-info h2{margin-bottom:10px}.character-info p{color:var(--text-muted);margin-bottom:18px}.character-info a{color:var(--primary);font-weight:700}