@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;800&display=swap";:root{--bg: #07090d;--bg-soft: #0d1119;--text: #f5f7fa;--muted: #b2becd;--accent: #f73f52;--accent-soft: #ff6a3d;--card: #131826;--border: rgba(255, 255, 255, .1);--shadow: 0 18px 40px rgba(1, 2, 4, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Barlow,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(247,63,82,.22),transparent 32%),radial-gradient(circle at 90% 10%,rgba(255,106,61,.2),transparent 33%),var(--bg)}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07090dc7;border-bottom:1px solid var(--border)}.header__content{width:min(1180px,100% - 2rem);margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header__brand{text-decoration:none;color:#fff;letter-spacing:.12em;font-weight:800;font-size:clamp(1.1rem,2.8vw,1.55rem)}.header__nav{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.header__nav-link{text-decoration:none;color:var(--muted);font-weight:600;font-size:.95rem;padding:.45rem .65rem;border-radius:999px;transition:background-color .2s ease,color .2s ease}.header__nav-link:hover{color:#fff}.header__nav-link--active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-soft))}.hero{min-height:clamp(350px,55vh,560px);background-position:center;background-size:cover;display:grid;align-items:center;border-bottom:1px solid var(--border)}.hero__content{width:min(1180px,100% - 2rem);margin:0 auto;padding:2.5rem 0;max-width:620px;animation:fade-up .42s ease}.hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#d8dce6;font-size:.8rem;font-weight:700}.hero__title{margin:.4rem 0 0;font-size:clamp(2rem,7vw,3.7rem);line-height:1}.hero__description{margin:1rem 0 0;color:#f0f2f8;font-size:clamp(.95rem,2.4vw,1.15rem);line-height:1.5}.hero__actions{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.75rem}.button{text-decoration:none;border:1px solid transparent;border-radius:.55rem;padding:.7rem 1.1rem;font-weight:700;transition:transform .2s ease,opacity .2s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#fff}.button--ghost{background:#ffffff14;border-color:#fff3}.page-content{width:min(1180px,100% - 2rem);margin:0 auto;padding:2.2rem 0 2.8rem}.carousel__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.carousel__title{margin:0;font-size:clamp(1.2rem,2.7vw,1.65rem)}.carousel__controls{display:flex;gap:.55rem}.carousel__control{border:1px solid var(--border);background:#ffffff14;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1rem;font-weight:700;cursor:pointer}.carousel__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,220px);gap:.85rem;overflow-x:auto;padding:.35rem;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.carousel__rail::-webkit-scrollbar{display:none}.comic-card{text-decoration:none;border-radius:.8rem;overflow:hidden;background:var(--card);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow);scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease}.comic-card:hover{transform:translateY(-4px);border-color:#fff3}.comic-card__image{width:100%;aspect-ratio:.72;object-fit:cover;display:block}.comic-card__title{display:block;padding:.7rem;font-size:.92rem;font-weight:700}.footer{margin-top:auto;border-top:1px solid var(--border);background:#06080ce6;text-align:center;padding:1rem}.footer__text{margin:0;color:var(--muted);font-size:.9rem}.footer__social{margin-top:.65rem;display:flex;justify-content:center;gap:.55rem}.footer__social img{display:block}.error-message{width:min(1180px,100% - 2rem);margin:2rem auto;color:#ffd2d8}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 740px){.header__content{flex-direction:column;padding:.75rem 0}.header__nav{justify-content:center}.hero__actions{flex-direction:column}.button{text-align:center}.carousel__rail{grid-auto-columns:minmax(150px,175px)}}