:root{--bg:#090c17;--surface:#141927;--surface2:#1c2335;--text:#f5f7ff;--muted:#aab2c6;--line:#35405a;--cyan:#61e6ff;--violet:#9b78ff;--danger:#ff7080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% -8%,#1a2b51 0,transparent 31%),radial-gradient(circle at 90% 3%,#32194f 0,transparent 29%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1420px,calc(100% - 80px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:#090d18df;border-bottom:1px solid #8beeff1c;backdrop-filter:blur(18px);box-shadow:0 12px 35px #02040b3d}.header-inner{min-height:82px;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.brand b{background:linear-gradient(110deg,var(--cyan),#bd75ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,var(--cyan),var(--violet));color:#071018;font-size:25px;box-shadow:0 9px 26px #61e6ff33}.brand-mark small{position:absolute;right:3px;bottom:1px;color:#fff;font-size:14px}.header nav{display:flex;gap:27px;margin-right:auto;color:#b8bfd0;font-size:14px}.header nav a:hover,.footer a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:10px}.language{display:flex;border:1px solid #ffffff2e;border-radius:9px;padding:3px}.language a{padding:6px 8px;border-radius:6px;font-size:12px;font-weight:800;color:#939daf}.language a.on{background:linear-gradient(120deg,var(--cyan),#8c8aff);color:#071018}.upgrade{color:var(--cyan);font-weight:800;font-size:14px;padding:9px}.signin{padding:10px 6px;font-weight:700;font-size:14px}.signup{border:1px solid #61e6ff66;background:#61e6ff0b;border-radius:10px;padding:11px 16px;font-weight:800;font-size:14px}.avatar{width:39px;height:39px;display:grid;place-items:center;border:1px solid #61e6ff66;border-radius:50%;color:var(--cyan);font-size:20px}.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(26px,5vw,80px);padding:74px 0 78px}.hero-copy{padding-top:22px}.eyebrow{color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #61e6ff99}.hero h1,.page h1,.auth-card h1{font-size:clamp(50px,6.4vw,92px);line-height:.97;letter-spacing:-.075em;margin:22px 0;font-weight:950}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#8d8cff 60%,#c67cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:590px;color:#bac2d6;line-height:1.72;font-size:17px}.search{height:62px;max-width:660px;display:flex;align-items:center;gap:14px;background:#111725e8;border:1px solid #526079;border-radius:14px;padding:7px 7px 7px 20px;box-shadow:0 18px 55px #02061270}.search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px #61e6ff13,0 20px 60px #02061280}.search>span{font-size:27px;color:#b4bed0}.search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff}.search button,.button.primary{border:0;background:linear-gradient(115deg,var(--cyan),#8c8aff);color:#071018;font-weight:850;box-shadow:0 10px 28px #61e6ff28}.search button{height:48px;border-radius:10px;padding:0 20px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.filters a{border:1px solid #35415a;border-radius:8px;padding:8px 17px;color:#aeb7ca;font-size:14px}.filters a.active,.filters a:hover{border-color:var(--cyan);color:var(--cyan);background:#61e6ff0b}.feature{min-height:390px;border:1px solid #5d6b92;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 28px 80px #02040b85}.feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#09101f45,transparent 25%,#090d18f2 88%)}.feature-content{position:relative;z-index:1;height:100%;min-height:390px;padding:28px;display:flex;flex-direction:column}.feature-content>div{flex:1}.feature-content small{color:#baf6ff;font-weight:800;letter-spacing:.13em}.feature-content h2{font-size:27px;letter-spacing:-.04em;margin:0 0 14px}.feature-content a{color:var(--cyan);font-weight:800}.catalog{margin-bottom:70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head h2,.chapter-section h2{font-size:clamp(32px,3.2vw,46px);letter-spacing:-.055em;margin:9px 0 0}.section-head h2 span,.chapter-section h2 span,.page h1 span,.auth-card h1 span{color:var(--cyan)}.section-head>small{color:#909bad;letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px}.comic-card{min-width:0;transition:transform .22s}.comic-card:hover{transform:translateY(-6px)}.cover{aspect-ratio:3/4.15;position:relative;overflow:hidden;background:#20283a;border:1px solid #ffffff24;border-radius:15px;box-shadow:0 16px 38px #02040b55}.comic-card:hover .cover{border-color:#61e6ff88;box-shadow:0 20px 48px #02040b88,0 0 0 1px #61e6ff2b}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.comic-card:hover img{transform:scale(1.055)}.cover small{position:absolute;left:9px;bottom:9px;background:#080d19e8;border:1px solid #61e6ff30;color:#7cecff;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:850;text-transform:uppercase}.cover-empty{height:100%;display:grid;place-items:center;font-size:78px;color:#ffffff18;font-weight:900}.comic-card h3{font-size:15px;line-height:1.35;margin:13px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comic-card p{margin:0;color:#909aad;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium{margin:80px 0;border:1px solid #5c6f92;border-radius:18px;padding:30px 35px;background:linear-gradient(120deg,#132537,#201b3b);box-shadow:0 24px 65px #02040b52;display:flex;align-items:center;gap:21px}.premium>span{font-size:34px;color:var(--cyan)}.premium>div{flex:1}.premium strong{font-size:21px}.premium p{margin:7px 0 0;color:#bdc9dc}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 19px;font-size:14px;font-weight:850;border:1px solid transparent}.button.secondary{border-color:#47536c;background:#151b2a;color:#f5f7ff}.button.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.wide{width:100%}.footer{padding:28px 0 38px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;gap:20px;color:#8f99ab;font-size:13px}.footer>div{display:flex;gap:22px}.page{padding:58px 0 80px}.page-title,.pricing-title{max-width:850px;margin-bottom:40px}.page-title p,.pricing-title p{color:var(--muted);font-size:17px;line-height:1.7}.page h1{font-size:clamp(48px,6vw,82px)}.back{display:inline-block;color:#aab4c7;margin-bottom:30px}.detail{display:grid;grid-template-columns:260px minmax(0,1fr);gap:45px}.detail-cover{aspect-ratio:3/4.2;border:1px solid #ffffff26;border-radius:17px;overflow:hidden;background:#20283a}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-info h1{font-size:clamp(42px,5vw,72px);margin:13px 0 19px}.detail-info>p{max-width:820px;color:#bcc5d8;line-height:1.75}.tags,.actions{display:flex;gap:10px;flex-wrap:wrap}.tags span{border:1px solid #404b64;border-radius:7px;padding:7px 11px;color:#c9d0df;font-size:13px}.actions{margin-top:27px}.actions form{margin:0}.chapter-section{margin:65px 0}.chapter-list{display:grid;border-top:1px solid #313c54}.chapter-list a{display:grid;grid-template-columns:1fr auto 30px;gap:15px;align-items:center;padding:18px 4px;border-bottom:1px solid #313c54}.chapter-list a:hover{color:var(--cyan);padding-left:10px}.chapter-list small{color:#8994a8}.reader{padding-bottom:50px}.reader-bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.reader-bar a{color:var(--cyan)}.reader-bar span{color:#8f99ab}.reader-pages{width:min(100%,1020px);margin:auto}.reader-pages img{display:block;width:100%;height:auto}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.plan,.auth-card,.account-card,.install-card{background:linear-gradient(155deg,#171d2d,#111622);border:1px solid #43506d;border-radius:19px;box-shadow:0 25px 80px #02040b70}.plan{padding:30px;display:flex;flex-direction:column}.plan.featured{border-color:#61e6ff88;transform:translateY(-9px)}.plan>small{color:var(--cyan);letter-spacing:.12em;font-weight:800}.plan h2{font-size:31px;margin:18px 0}.price{font-size:34px;font-weight:900}.price span{font-size:13px;color:#9ca7bb;margin-left:5px}.plan>p,.plan li{color:#aeb7ca;line-height:1.6}.plan ul{padding-left:20px;min-height:130px}.plan form{margin-top:auto}.alert{border-radius:11px;padding:14px 16px}.alert.error{border:1px solid #c25b68;background:#3b1b24;color:#ffd9de}.alert.success{border:1px solid #459b86;background:#12342d;color:#caffef}.alert.info{border:1px solid #536788;background:#142232;color:#c7d3e5}.global-alert{margin-top:18px}.auth-shell,.install-shell{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:50px 20px 75px}.auth-card,.install-card{width:min(100%,590px);padding:clamp(28px,5vw,50px)}.auth-card h1,.install-card h1{font-size:clamp(45px,5vw,65px)}.auth-card>p,.install-card>p{color:#bcc5d6;line-height:1.65}.form{display:grid;gap:15px;margin-top:24px}.form label{display:grid;gap:7px;font-size:14px;font-weight:750}.form input{width:100%;background:#0c111d;border:1px solid #3d4962;border-radius:10px;padding:14px;color:#fff;outline:0}.form input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #61e6ff12}.two{display:grid;grid-template-columns:130px 1fr;gap:13px}.hint{color:#97a3b6;font-size:12px;margin:-7px 0 0}.captcha{display:grid;grid-template-columns:1fr 115px;gap:9px 15px;align-items:center;border:1px solid #51617d;background:linear-gradient(120deg,#102433,#191b33);border-radius:12px;padding:15px}.captcha span{grid-column:1/-1;color:#b7cce2;font-size:12px;font-weight:800;letter-spacing:.04em}.captcha strong{color:var(--cyan);font-size:24px}.captcha input{text-align:center}.security-note{font-size:12px!important;color:#909bad!important}.auth-alt{display:block;text-align:center;color:var(--cyan);font-weight:800}.account-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.account-card{padding:30px}.account-card h2{font-size:27px}.account-card p{color:#b7c0d1;line-height:1.65}.policy{max-width:950px}.policy section{max-width:820px}.policy section h2{margin-top:35px}.policy section p{color:#b5bed0;line-height:1.8}.empty{min-height:220px;border:1px dashed #4a5670;border-radius:17px;background:#121827;padding:35px;display:grid;place-content:center;text-align:center;color:#aeb8ca}.empty strong{color:#fff;font-size:19px}.install-card>.brand{margin-bottom:45px}
@media(max-width:1120px){.header-inner{gap:20px}.header nav{gap:14px}.grid{grid-template-columns:repeat(4,1fr)}.hero{grid-template-columns:1.35fr 1fr}}
@media(max-width:820px){.wrap{width:min(100% - 34px,720px)}.header-inner{min-height:68px;flex-wrap:wrap;padding:12px 0;gap:10px}.header nav{order:3;width:100%;overflow:auto;padding:7px 0;white-space:nowrap}.header-actions{margin-left:auto}.upgrade{font-size:0}.upgrade:first-letter{font-size:19px}.hero{grid-template-columns:1fr;padding-top:35px}.feature{min-height:280px}.feature-content{min-height:280px}.grid{grid-template-columns:repeat(3,1fr);gap:15px}.plans,.account-grid{grid-template-columns:1fr}.plan.featured{transform:none}.detail{grid-template-columns:180px 1fr;gap:24px}.footer{flex-direction:column}.signup{padding:9px}.signin{display:none}}
@media(max-width:540px){.wrap{width:calc(100% - 28px)}.brand{font-size:17px}.brand-mark{width:34px;height:34px;font-size:22px}.language{display:none}.hero h1{font-size:51px}.search{height:57px}.search button{padding:0 13px}.feature{min-height:245px}.feature-content{min-height:245px;padding:22px}.grid{grid-template-columns:repeat(2,1fr);gap:17px 11px}.section-head{align-items:start}.section-head>small{display:none}.premium{flex-wrap:wrap;padding:25px}.detail{grid-template-columns:115px 1fr;gap:16px}.detail-info h1{font-size:30px}.detail-info>p{font-size:14px}.chapter-list a{grid-template-columns:1fr 25px}.chapter-list small{display:none}.reader-bar{font-size:13px}.two{grid-template-columns:1fr}.auth-card,.install-card{padding:27px 21px}.captcha{grid-template-columns:1fr 100px}.actions{display:grid}.actions .button,.actions form,.actions form button{width:100%}}

/* Account email, legal pages, and expanded footer */
.site-footer{margin-top:60px;border-top:1px solid #ffffff18;background:linear-gradient(180deg,#0b0f1b,#070910);color:#8f99ab}.footer-grid{padding:54px 0;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:48px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:13px}.footer-grid strong{color:#eef2ff;margin-bottom:7px}.footer-grid a:hover{color:var(--cyan)}.footer-brand p{max-width:340px;line-height:1.7}.footer-brand small{margin-top:auto}.footer-brand .brand{color:#fff;font-size:20px;margin-bottom:8px}
.form select{width:100%;background:#0c111d;border:1px solid #3d4962;border-radius:10px;padding:14px;color:#fff;outline:0}.form select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #61e6ff12}.form fieldset{display:grid;gap:15px;border:1px solid #35405a;border-radius:14px;padding:20px;margin:5px 0}.form legend{color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.12em;padding:0 8px}.two.equal{grid-template-columns:1fr 120px}.check{display:grid!important;grid-template-columns:20px 1fr!important;align-items:start;gap:10px!important;color:#c3cad8;font-weight:500!important;line-height:1.55}.check input{width:18px!important;height:18px;margin-top:2px;accent-color:var(--cyan)}.check a,.text-link{color:var(--cyan)}.check.optional{color:#929daf}.auth-alt{margin-top:16px}.text-link{display:block;text-align:center;font-size:13px}.auth-center{text-align:center}.auth-center .eyebrow{justify-content:center}.mail-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 25px;border:1px solid #61e6ff66;border-radius:50%;background:#61e6ff10;color:var(--cyan);font-size:31px}
.policy{max-width:1260px}.policy-hero{max-width:930px;margin-bottom:45px}.policy-hero>p{color:#8e99ad}.policy-layout{display:grid;grid-template-columns:220px minmax(0,820px);gap:65px;align-items:start}.policy-layout aside{position:sticky;top:120px;display:flex;flex-direction:column;border-left:1px solid #35405a}.policy-layout aside a{padding:9px 0 9px 17px;color:#8f9bad;font-size:13px}.policy-layout aside a:hover{color:var(--cyan);border-left:1px solid var(--cyan);margin-left:-1px}.policy article>p,.policy section p{color:#b5bed0;line-height:1.85}.policy section{scroll-margin-top:120px;max-width:820px}.policy section h2{margin-top:38px;font-size:25px;letter-spacing:-.03em}.policy article a:not(.button){color:var(--cyan)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{padding:29px;border:1px solid #43506d;border-radius:18px;background:linear-gradient(150deg,#171d2d,#111622);transition:.2s}.contact-card:hover{transform:translateY(-5px);border-color:#61e6ff88;box-shadow:0 18px 50px #02040b66}.contact-card>span{color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.12em}.contact-card h2{font-size:25px}.contact-card p{min-height:52px;color:#aeb8ca;line-height:1.6}.contact-card strong{color:var(--cyan);font-size:13px}.contact-note{margin-top:25px}.install-card.install-wide{width:min(100%,820px)}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.policy-layout{grid-template-columns:1fr;gap:25px}.policy-layout aside{position:static;display:none}.contact-grid{grid-template-columns:1fr}}
@media(max-width:540px){.two.equal{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.site-footer{margin-top:30px}.contact-card p{min-height:0}}