:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#f59e0b;--success-color:#10b981;--comic-red:#ef4444;--comic-blue:#3b82f6;--comic-yellow:#fbbf24;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--border-color:#e5e7eb}body{font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)!important;box-shadow:0 2px 20px rgba(0,0,0,.1);transition:all .3s ease}.navbar-brand{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none!important}.nav-link{color:rgba(51,51,51,.7)!important;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#333!important}.comic-hero{background:linear-gradient(135deg,#fef3c7,#fde68a 30%,#fbbf24);overflow:hidden;padding-bottom:3rem;padding-top:7rem;position:relative}.comic-hero:before{background-image:radial-gradient(circle,#00000008 1px,transparent 0);background-size:20px 20px;content:"";inset:0;pointer-events:none;position:absolute}.hero-title{color:var(--text-dark);font-family:Bangers,cursive;font-size:3.5rem;letter-spacing:.04em;line-height:1.1;margin-bottom:1rem;text-shadow:3px 3px 0 rgba(0,0,0,.06)}.hero-subtitle{color:var(--text-dark);font-size:1.15rem;font-weight:400;margin-bottom:1.5rem;opacity:.8}.comic-hero .breadcrumb{font-size:.85rem;margin-bottom:1rem}.comic-hero .breadcrumb a{color:var(--primary-dark);font-weight:500;text-decoration:none}.comic-hero .breadcrumb a:hover{text-decoration:underline}.comic-hero .breadcrumb .separator{color:var(--text-dark);margin:0 .5rem;opacity:.5}.comic-card{background:#fff;border:3px solid var(--text-dark);border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.07);color:var(--text-dark);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.comic-card:hover{box-shadow:8px 8px 0 var(--text-dark);color:var(--text-dark);transform:translateY(-8px) rotate(-1deg)}.comic-card-thumb{align-items:center;display:flex;font-size:4rem;height:200px;justify-content:center;overflow:hidden;position:relative}.comic-card-thumb:after{background-image:radial-gradient(circle,#00000010 1px,transparent 0);background-size:12px 12px;content:"";inset:0;pointer-events:none;position:absolute}.comic-card-cover{height:100%;-o-object-fit:contain;object-fit:contain;position:relative;width:100%;z-index:1}.comic-card-body{display:flex;flex:1;flex-direction:column;padding:1.25rem}.comic-card-category{color:var(--primary-color);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.comic-card-title{font-family:Bangers,cursive;font-size:1.35rem;letter-spacing:.03em;line-height:1.2;margin-bottom:.5rem}.comic-card-desc{color:var(--text-light);flex:1;font-size:.85rem;line-height:1.5;margin-bottom:.75rem}.comic-card-meta{align-items:center;color:var(--text-light);display:flex;font-size:.78rem;gap:1rem}.comic-badge{background:var(--comic-yellow);border:2px solid var(--text-dark);border-radius:.25rem;color:var(--text-dark);display:inline-block;font-family:Bangers,cursive;font-size:.85rem;letter-spacing:.05em;padding:.25rem .75rem;transform:rotate(-2deg)}.section-title{font-family:Bangers,cursive;font-size:2.5rem;letter-spacing:.04em;margin-bottom:1rem}.feature-card{border-radius:1rem;padding:1.5rem 1rem;text-align:center}.feature-card .feature-icon{align-items:center;border-radius:1rem;display:inline-flex;font-size:1.5rem;height:56px;justify-content:center;margin-bottom:1rem;width:56px}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.feature-card p{color:var(--text-light);font-size:.9rem;margin-bottom:0}.hub-faq{background:var(--bg-light)}.hub-faq .accordion-button{font-size:.95rem;font-weight:600}.hub-faq .accordion-button:not(.collapsed){background:rgba(99,102,241,.05);box-shadow:none;color:var(--primary-color)}.hub-faq .accordion-body{color:var(--text-light);font-size:.95rem;line-height:1.7}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.btn-primary-custom{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;box-shadow:0 4px 15px rgba(239,68,68,.4);color:#fff;font-weight:700;padding:.75rem 2rem;transition:all .3s ease}.btn-primary-custom:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 15px 35px rgba(239,68,68,.5);color:#fff;transform:translateY(-3px)}.btn-comic{background:var(--comic-yellow);border:3px solid var(--text-dark);border-radius:.5rem;color:var(--text-dark);display:inline-block;font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:.06em;padding:.6rem 1.75rem;text-decoration:none;transition:all .2s ease}.btn-comic:hover{box-shadow:4px 4px 0 var(--text-dark);color:var(--text-dark);transform:translateY(-3px)}.footer{background:var(--text-dark);color:#fff}.footer a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff}.animate-fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-animation{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.speech-bubble-hero{background:#fff;border:3px solid var(--text-dark);border-radius:1rem;box-shadow:4px 4px 0 rgba(0,0,0,.1);font-family:Bangers,cursive;font-size:1.15rem;letter-spacing:.03em;margin:0 auto;max-width:280px;padding:1rem 1.25rem;position:relative}.speech-bubble-hero:after{border-left:14px solid transparent;border-right:14px solid transparent;border-top:16px solid var(--text-dark);bottom:-16px;content:"";height:0;left:30px;position:absolute;width:0}.speech-bubble-hero:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid #fff;bottom:-12px;content:"";height:0;left:32px;position:absolute;width:0;z-index:1}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.comic-hero{padding-top:5.5rem}.section-title{font-size:2rem}}