@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
:root{--navy:#081226;--navy2:#101e39;--panel:#12213d;--gold:#e8bd68;--gold2:#f6d99a;--cream:#f8f3e8;--muted:#aebbd0;--ink:#142039;--line:rgba(232,189,104,.22);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#f8f5ed;font-family:'DM Sans','Noto Sans Devanagari',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:auto;min-height:82px;padding:16px clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(8,18,38,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:27px;background:radial-gradient(circle,#253454,#0b152b)}.brand strong{display:block;font-size:18px;letter-spacing:.4px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:1.3px;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#e1e6ef}.main-nav a:hover,.footer-links a:hover{color:var(--gold)}.lang-switch{border:1px solid var(--line);padding:7px 12px;border-radius:999px;color:var(--gold)!important}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:20px}
.hero{position:relative;overflow:hidden;min-height:510px;display:flex;align-items:center;padding:80px clamp(22px,8vw,120px);background:radial-gradient(ellipse at 76% 42%,#26385c 0,transparent 42%),linear-gradient(120deg,#081226 10%,#101f3b 62%,#1c2b45)}.hero:after{content:"ॐ";position:absolute;right:9%;top:4%;font-size:clamp(220px,34vw,460px);line-height:1;color:rgba(232,189,104,.055);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:650px}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}.hero h1{font-family:'Noto Sans Devanagari',serif;font-size:clamp(38px,5vw,66px);line-height:1.18;margin:18px 0;color:#fff7e8;max-width:750px}.hero p{color:#c2cddd;font-size:17px;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px;border:1px solid var(--gold);transition:.2s}.btn-gold{background:var(--gold);color:#161b29}.btn-gold:hover{background:var(--gold2);transform:translateY(-2px)}.btn-outline{color:var(--gold);background:transparent}.btn-outline:hover{background:rgba(232,189,104,.1)}.hero-art{position:absolute;right:3%;bottom:0;width:min(42%,570px);height:92%;opacity:.92;object-fit:contain;object-position:bottom;mask-image:linear-gradient(to right,transparent 0%,black 23%)}.section{padding:58px clamp(18px,6vw,86px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section h2{font-size:clamp(25px,3vw,36px);margin:5px 0;color:#fff4df}.section-head p{margin:0;color:var(--muted);font-size:14px}.text-link{color:var(--gold);font-size:14px;white-space:nowrap}.feature-strip{background:#0d1a32;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:22px clamp(18px,6vw,86px);gap:22px}.feature{display:flex;gap:14px;align-items:center}.feature-icon{font-size:25px;color:var(--gold);width:48px;height:48px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center}.feature strong{display:block}.feature span{font-size:12px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.content-card{overflow:hidden;border:1px solid rgba(232,189,104,.16);border-radius:var(--radius);background:linear-gradient(145deg,#142340,#0d1930);transition:transform .2s,border-color .2s}.content-card:hover{transform:translateY(-5px);border-color:rgba(232,189,104,.65)}.card-image{height:230px;background:#1b2b47;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.content-card:hover .card-image img{transform:scale(1.04)}.card-tag{position:absolute;left:13px;top:13px;background:rgba(8,18,38,.85);color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:11px}.card-body{padding:18px}.card-body h3{margin:0 0 7px;font-size:18px}.card-body p{margin:0;color:var(--muted);font-size:13px;min-height:42px}.card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--gold);font-size:12px;margin-top:17px}.page-hero{padding:58px clamp(18px,6vw,86px) 36px;background:radial-gradient(ellipse at 80% 0%,#243656,transparent 45%),#0b1730;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(32px,4vw,48px);margin:8px 0}.page-hero p{max-width:720px;color:var(--muted);margin:0}.filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:26px}.filter-bar input,.filter-bar select,.form-control{background:#0a152b;border:1px solid #34435d;border-radius:10px;padding:12px 14px;color:#fff;width:100%;font:inherit}.filter-bar input{max-width:360px}.empty-state{border:1px dashed #3a4964;border-radius:18px;padding:40px;text-align:center;color:var(--muted)}.story-detail{max-width:900px;margin:0 auto;padding:46px 20px 80px}.story-detail h1{font-size:clamp(32px,4vw,48px)}.story-cover{width:100%;max-height:520px;object-fit:cover;border-radius:20px;border:1px solid var(--line);margin:22px 0}.prose{font-size:17px;line-height:1.9;color:#e1e6ef}.prose h2,.prose h3{color:var(--gold2)}.comic-reader{max-width:1200px;margin:auto;padding:34px 18px 70px}.reader-heading{text-align:center;margin-bottom:22px}.reader-heading h1{margin:4px 0;font-size:clamp(26px,4vw,42px)}.reader-heading p{color:var(--muted);margin:0}.reader-image-wrap{background:#f4eee2;padding:12px;border-radius:16px;box-shadow:0 16px 50px #0004}.reader-image{width:100%;max-height:78vh;object-fit:contain;margin:auto;background:#fff}.reader-placeholder{min-height:440px;display:grid;place-items:center;text-align:center;color:#25304a;background:#f4eee2;border-radius:12px;padding:30px}.reader-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:24px 0}.reader-controls .btn{min-width:130px}.page-count{color:var(--gold);font-weight:700}.page-thumbs{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 16px}.page-thumb{min-width:88px;width:88px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#142340;color:#fff;text-align:center;font-size:12px}.page-thumb img{height:66px;width:100%;object-fit:cover}.page-thumb span{display:block;padding:5px}.page-thumb.active{border:2px solid var(--gold)}.site-footer{padding:38px 20px;text-align:center;border-top:1px solid var(--line);background:#060e1d;color:var(--muted)}.footer-brand{display:flex;justify-content:center;align-items:center;gap:10px;color:#fff}.footer-brand .brand-mark{width:34px;height:34px;font-size:19px}.site-footer p{margin:10px 0 18px}.footer-links{display:flex;justify-content:center;gap:22px;margin:16px}.site-footer small{font-size:11px}.admin-body{background:#f2f4f8;color:#17223b;min-height:100vh}.admin-shell{max-width:1180px;margin:0 auto;padding:30px 18px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:24px}.admin-top h1{margin:0}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.admin-nav a{background:#fff;border:1px solid #dce1e9;padding:9px 13px;border-radius:9px;color:#17223b}.admin-panel{background:#fff;border:1px solid #dce1e9;border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 5px 18px #17223b08}.admin-panel h2{margin-top:0}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e5e8ee;text-align:left;vertical-align:top}.admin-table th{background:#f7f8fa}.admin-table-wrap{overflow-x:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field textarea{min-height:130px;resize:vertical}.admin-body .btn{cursor:pointer}.admin-body .btn-gold{border:0}.notice{padding:12px 14px;border-radius:9px;background:#eaf8ee;color:#175c2d;margin:12px 0}.error{padding:12px 14px;border-radius:9px;background:#fff0f0;color:#8e1e1e;margin:12px 0}.login-box{max-width:430px;margin:8vh auto;padding:28px}.login-box .field{margin:16px 0}.login-box .form-control{background:#fff;color:#17223b;border-color:#ccd3df}.login-box .btn{width:100%}.inline-form{display:inline}.danger-link{color:#b42318}.muted{color:#68748a}.admin-help{font-size:13px;color:#68748a}
@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{opacity:.35;width:60%;right:-8%}.hero-copy{max-width:720px}.card-image{height:210px}}
@media(max-width:700px){.site-header{padding:12px 16px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px;background:#081226;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px}.hero{min-height:490px;padding:55px 22px}.hero-art{width:90%;right:-22%;height:65%;opacity:.19}.hero h1{font-size:39px}.hero p{font-size:15px}.feature-strip{grid-template-columns:1fr;gap:16px}.section{padding:42px 17px}.section-head{align-items:start}.card-grid{grid-template-columns:1fr 1fr;gap:12px}.card-image{height:155px}.card-body{padding:12px}.card-body h3{font-size:15px}.card-body p{font-size:12px;min-height:56px}.card-meta{font-size:11px}.page-hero{padding:42px 18px 28px}.reader-image-wrap{padding:5px}.reader-controls{gap:9px}.reader-controls .btn{min-width:0;padding:10px 13px}.page-thumb{min-width:72px;width:72px}.page-thumb img{height:54px}.form-grid{grid-template-columns:1fr}.admin-panel{padding:15px}.admin-table th,.admin-table td{padding:9px}.brand strong{font-size:16px}}
@media(max-width:390px){.card-grid{grid-template-columns:1fr}.card-image{height:220px}.card-body p{min-height:0}}