@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
body{--bg:#0b0a14;--panel:#13111f;--panel-2:#1a1729;--ink:#f8f7ff;--muted:#aaa7bc;--line:#2d2941;--red:#8b5cf6;--orange:#d946ef}
body .page-glow-one{background:#8b5cf640}
body .page-glow-two{background:#d946ef25}
.cover-image{display:block;width:100%;object-fit:cover;object-position:center}
.card-back .cover-image{height:100%}
.mini-cover{padding:0!important;background:#171522!important}
.mini-cover:before,.mini-cover:after{display:none!important}
.mini-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.title-card:hover .mini-cover img{transform:scale(1.045)}
.mini-cover .rank{z-index:2;top:12px;right:12px;padding:7px 9px;border-radius:8px;background:#100e19d9;color:#fff;opacity:1;backdrop-filter:blur(8px)}
body .features{background:#141121;color:#f8f7ff}
body .features .eyebrow,body .features .section-heading>p{color:#aaa7bc}
body .feature-card{background:#1d192c;color:#fff}
body .feature-card p{color:#aaa7bc}
body .feature-card>b{color:#28223b}
body .feature-card .feature-icon{background:#2c2640}
body .feature-accent{background:linear-gradient(145deg,#5b36c9,#9325ab)}
body .feature-accent>b{color:#ffffff12}
body .cta{background:linear-gradient(120deg,#171027,#2b1650 55%,#6d28a8)}
body .cta p:not(.eyebrow){color:#c8b8df}
@media(max-width:560px){body .hero-actions .button-primary{align-self:center}}
:root{--bg:#09090b;--panel:#111114;--panel-2:#17171b;--ink:#f7f6f2;--muted:#9e9da5;--line:#2a292f;--red:#ff3d2e;--orange:#ff792f;--shell:min(1180px,calc(100% - 40px));--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.page-glow-one{width:430px;height:430px;background:#e33b2540;right:-180px;top:120px}.page-glow-two{width:280px;height:280px;background:#5539ca25;left:-180px;top:820px}.section-shell{width:var(--shell);margin-inline:auto}.site-header{width:var(--shell);height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 20px 'Manrope',sans-serif;letter-spacing:-.7px}.brand>span:last-child>span{color:var(--red)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--red),#ff8451);font-size:17px;box-shadow:0 8px 24px #ff3d2e3d}.desktop-nav{display:flex;gap:36px}.desktop-nav a,.site-footer a{color:#aaa9b0;text-decoration:none;font-size:14px;transition:.2s}.desktop-nav a:hover,.site-footer a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;border-radius:12px}.button-small{padding:11px 17px;border:1px solid #ffffff24;font-size:13px}.button-small:hover{background:#fff;color:#111}.hero{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;padding-block:70px 80px}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:11px;font-weight:700;color:#b3b2ba;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow span{width:24px;height:2px;background:var(--red)}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-3.6px;margin:0;line-height:1.02}h1{font-size:clamp(54px,6vw,88px);max-width:720px}h1 em,h2 em{font-style:normal;color:var(--red)}.hero-text{max-width:580px;color:var(--muted);font-size:17px;line-height:1.75;margin:27px 0 33px}.hero-actions{display:flex;align-items:center;gap:30px}.button-primary{background:linear-gradient(135deg,var(--red),var(--orange));padding:16px 23px;box-shadow:0 12px 35px #ff432c2e;transition:.25s}.button-primary:hover{transform:translateY(-2px);box-shadow:0 17px 40px #ff432c45}.text-link{color:#e8e7ea;text-decoration:none;font-weight:600;font-size:14px}.play{display:inline-grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff25;border-radius:50%;font-size:9px;margin-right:8px}.reader-proof{display:flex;align-items:center;gap:14px;margin-top:48px}.avatars{display:flex}.avatars span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bg);margin-left:-8px;background:#36313f;color:#fff;font-size:11px}.avatars span:first-child{margin:0;background:#803229}.avatars span:last-child{background:#203c4a}.reader-proof strong,.reader-proof small{display:block}.reader-proof strong{font-size:12px}.reader-proof small{font-size:11px;color:#7f7e86;margin-top:3px}.hero-art{position:relative;height:510px}.art-orbit{position:absolute;border:1px solid #ffffff0d;border-radius:50%;inset:10%}.orbit-two{inset:-10%;border-color:#ff3d2e0c}.manga-card{position:absolute;background:#17171a;border:1px solid #ffffff15;border-radius:18px;padding:9px;box-shadow:0 38px 80px #0009}.card-front{width:270px;height:430px;left:42%;top:42%;transform:translate(-50%,-50%) rotate(3deg);z-index:2}.card-back{width:230px;height:360px;right:0;top:110px;transform:rotate(13deg);opacity:.5}.cover{height:344px;border-radius:12px;position:relative;overflow:hidden}.cover-red{background:linear-gradient(155deg,#e25333 0 35%,#4c1719 36% 65%,#0d0d0f 66%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.cover-red:after{content:"";position:absolute;width:160px;height:220px;border:2px solid #ffffff16;border-radius:50%;top:50px;right:-50px}.cover-red strong{font:800 37px/0.86 'Manrope';letter-spacing:-2px;z-index:1}.cover-red small{margin-top:9px;letter-spacing:5px;color:#ffb5a3;z-index:1}.sun{position:absolute;width:160px;height:160px;border-radius:50%;background:#ff7454;right:-35px;top:10px;box-shadow:0 0 70px #ff604ca8}.silhouette{position:absolute;width:60px;height:210px;background:#141318;right:80px;top:90px;clip-path:polygon(42% 0,62% 0,67% 12%,83% 24%,70% 46%,90% 100%,14% 100%,34% 48%,20% 28%,38% 13%)}.cover-blue{height:100%;background:linear-gradient(140deg,#22283f,#71494c);display:grid;place-items:center}.cover-blue span{font:700 58px serif;color:#ffffff70;text-align:center}.card-badge{position:absolute;top:24px;left:-17px;background:var(--red);padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:1.5px;z-index:3}.card-info{height:66px;display:flex;align-items:center;justify-content:space-between;padding:5px 9px}.card-info strong,.card-info span{display:block}.card-info strong{font-size:13px}.card-info span{font-size:10px;color:#77767e;margin-top:4px}.card-info b{font-size:12px;color:#ffb13b}.chapter-chip{position:absolute;z-index:4;bottom:34px;right:2px;display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:13px;background:#f4f2ed;color:#151517;box-shadow:0 18px 45px #0008}.chapter-chip>span{font-size:9px;font-weight:800;color:white;background:var(--red);padding:4px 6px;border-radius:4px}.chapter-chip b,.chapter-chip small{display:block;font-size:11px}.chapter-chip small{font-size:9px;color:#85838a;margin-top:2px}.ticker{overflow:hidden;border-block:1px solid #ffffff0e;background:#0d0d10}.ticker>div{min-width:max-content;display:flex;justify-content:center;gap:40px;padding:18px;text-transform:uppercase;letter-spacing:3px;color:#5d5c64;font-size:11px;font-weight:700}.ticker i{color:var(--red);font-style:normal}.discover{padding-block:125px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-heading h2,.faq h2,.cta h2{font-size:clamp(38px,5vw,62px)}.section-heading>p{max-width:480px;line-height:1.7;color:var(--muted);font-size:15px}.genre-filters{display:flex;gap:9px;margin-bottom:28px}.genre-filters button{border:1px solid var(--line);background:transparent;color:#8c8b92;border-radius:100px;padding:9px 17px;font:600 12px 'DM Sans';cursor:pointer}.genre-filters button.active,.genre-filters button:hover{background:#f2f0ea;color:#111;border-color:#f2f0ea}.manga-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.title-card{transition:.3s}.title-card.hidden{display:none}.title-card:hover{transform:translateY(-7px)}.mini-cover{height:360px;border-radius:16px;padding:20px;display:flex;align-items:flex-end;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.mini-cover:before,.mini-cover:after{content:"";position:absolute;border-radius:50%}.mini-cover b{font:800 25px/.92 'Manrope';letter-spacing:-1.4px;position:relative}.rank{position:absolute;top:17px;right:17px;font:700 12px 'Manrope';opacity:.6}.c1{background:linear-gradient(145deg,#132a3a,#b02d2d)}.c1:before{width:240px;height:240px;border:30px solid #e3413466;right:-100px;top:25px}.c2{background:linear-gradient(145deg,#18233a,#645281)}.c2:before{width:180px;height:180px;background:#b6d6dc55;right:-35px;top:45px;box-shadow:0 0 55px #d4eaf377}.c3{background:linear-gradient(145deg,#6a293a,#db805f)}.c3:before{width:230px;height:230px;background:#f9b59a66;left:-120px;top:30px}.c3:after{width:120px;height:260px;border:2px solid #fff3;transform:rotate(35deg);right:25px;top:60px}.c4{background:linear-gradient(145deg,#202126,#6b6a62)}.c4:before{width:180px;height:180px;border:1px solid #fff5;left:40px;top:60px}.title-card h3{font:700 15px 'Manrope';margin:15px 3px 4px}.title-card p{font-size:11px;color:#77767e;margin:0 3px}.features{background:#f2f0ea;color:#111;padding-block:120px}.features .eyebrow,.features .section-heading>p{color:#66646a}.centered{align-items:center;text-align:center;flex-direction:column;gap:12px}.centered .eyebrow{justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:275px;background:#e7e4dd;border-radius:20px;padding:32px;position:relative;overflow:hidden}.feature-card h3{font:700 20px 'Manrope';margin:40px 0 12px}.feature-card p{color:#66646a;font-size:14px;line-height:1.7;max-width:280px}.feature-card>b{position:absolute;right:22px;bottom:-27px;font:800 90px 'Manrope';color:#dbd7cf}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#d8d4cc;font-size:20px}.feature-accent{background:#151518;color:#fff}.feature-accent p{color:#aaa8af}.feature-accent>b{color:#242429}.feature-accent .feature-icon{background:var(--red)}.faq{padding-block:130px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:15px;margin:24px 0 36px}.faq-note{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:24px}.faq-note>span{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff23;display:grid;place-items:center;color:var(--red);font-weight:700}.faq-note strong,.faq-note small{display:block}.faq-note strong{font-size:12px}.faq-note small{font-size:10px;color:#77767e;margin-top:4px}.accordion details{border-top:1px solid var(--line);padding:0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;font:600 17px 'Manrope';padding:24px 0;display:flex;justify-content:space-between;align-items:center}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{width:26px;height:26px;border-radius:50%;border:1px solid #ffffff25;position:relative;flex:none}.accordion summary span:before,.accordion summary span:after{content:"";position:absolute;width:8px;height:1px;background:#aaa;top:12px;left:8px}.accordion summary span:after{transform:rotate(90deg);transition:.2s}.accordion details[open] summary{color:var(--red)}.accordion details[open] summary span:after{transform:rotate(0)}.accordion details p{color:#99989f;font-size:14px;line-height:1.75;margin:-7px 42px 23px 0}.cta{border-radius:28px;background:linear-gradient(120deg,#22110e,#421710 55%,#8f2b1d);min-height:385px;padding:70px 8%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:90px}.cta>div:first-child{position:relative;z-index:2;max-width:660px}.cta h2{max-width:680px}.cta p:not(.eyebrow){color:#c5a9a2;line-height:1.7;margin:19px 0 27px}.cta-symbol{font:700 300px serif;color:#ffffff09;transform:rotate(-10deg);position:absolute;right:8%;top:0}.site-footer{width:var(--shell);margin:auto;border-top:1px solid #ffffff12;min-height:105px;display:flex;justify-content:space-between;align-items:center}.site-footer p{font-size:12px;color:#67666d}.site-footer>div{display:flex;gap:28px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-art{margin-top:20px}.manga-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:230px}.faq{grid-template-columns:1fr;gap:50px}.mini-cover{height:440px}}@media(max-width:560px){:root{--shell:calc(100% - 28px)}.site-header{height:72px}.site-header>.button{display:none}.hero{padding-block:60px}.hero h1{font-size:49px;letter-spacing:-2.7px}.hero-text{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-art{height:430px}.card-front{width:230px;height:375px;left:44%}.cover{height:294px}.cover-red strong{font-size:31px}.card-back{width:180px;height:300px}.chapter-chip{right:-7px}.ticker>div{justify-content:flex-start}.discover,.faq{padding-block:90px}.genre-filters{overflow:auto;padding-bottom:8px}.manga-grid{grid-template-columns:1fr 1fr;gap:12px}.mini-cover{height:245px;padding:13px}.mini-cover b{font-size:18px}.features{padding-block:85px}.cta{padding:50px 28px;margin-bottom:60px}.site-footer{padding-block:30px;flex-wrap:wrap;gap:20px}.site-footer p{order:3;width:100%}}
