*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid #eee}.nav .container{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{display:flex;align-items:center;font-size:1.5rem;font-weight:bold;color:#FF6B6B}.logo svg{margin-right:10px}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#333;font-weight:500;transition:color 0.3s}.nav-menu a:hover{color:#FF6B6B}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:#333;margin:3px 0;transition:0.3s}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;min-height:100vh;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-size:3rem;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:0.9}.cta-buttons{display:flex;gap:1rem}.btn{display:inline-block;padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s;border:2px solid transparent}.btn-primary{background:#FF6B6B;color:white}.btn-primary:hover{background:#ff5252;transform:translateY(-2px)}.btn-secondary{background:transparent;color:white;border-color:white}.btn-secondary:hover{background:white;color:#333}.comic-showcase{display:flex;gap:1rem}.comic-card{background:rgba(255,255,255,0.1);padding:1rem;border-radius:10px;text-align:center;flex:1}.comic-cover{width:100%;height:120px;border-radius:8px;margin-bottom:0.5rem;object-fit:cover;display:block}.features{padding:80px 0;background:#f8f9fa}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item{background:white;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h3{font-size:1.3rem;margin-bottom:1rem;color:#333}.comics{padding:80px 0}.comics h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.comics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem}.comic-item{background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s}.comic-item:hover{transform:translateY(-5px)}.comic-thumbnail{width:100%;height:280px;object-fit:cover;display:block}.comic-info{padding:1rem}.comic-item h3{font-size:1.1rem;margin-bottom:0.5rem;color:#333}.comic-item p{color:#666;font-size:0.9rem;margin-bottom:0.5rem}.rating{color:#FF6B6B;font-weight:bold;font-size:0.9rem}.view-more{text-align:center}.btn-outline{background:transparent;color:#333;border:2px solid #333}.btn-outline:hover{background:#333;color:white}.download{padding:80px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.download h2{text-align:center;font-size:2.5rem;margin-bottom:1rem}.download>p{text-align:center;font-size:1.2rem;margin-bottom:3rem;opacity:0.9}.download-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.phone-mockup{width:200px;height:400px;background:#333;border-radius:30px;padding:20px;margin:0 auto}.screen{width:100%;height:100%;background:white;border-radius:20px;overflow:hidden}.app-interface{padding:20px}.app-header{background:#FF6B6B;color:white;padding:10px;text-align:center;font-weight:bold;margin:-20px -20px 20px}.comic-row{height:60px;background:#f0f0f0;margin-bottom:10px;border-radius:5px}.download-options h3{font-size:1.5rem;margin-bottom:2rem}.download-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.download-btn{display:flex;align-items:center;background:rgba(255,255,255,0.1);padding:1rem;border-radius:10px;text-decoration:none;color:white;transition:background 0.3s}.download-btn:hover{background:rgba(255,255,255,0.2)}.platform{font-weight:bold;margin-right:1rem}.qr-placeholder{width:120px;height:120px;background:rgba(255,255,255,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center}.about{padding:80px 0;background:#f8f9fa}.about h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.about-text p{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.8}.stats{display:flex;gap:2rem;margin-top:3rem}.stat-item{text-align:center;flex:1}.stat-item h3{font-size:2rem;color:#FF6B6B;margin-bottom:0.5rem}.footer{background:#333;color:white;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#FF6B6B}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.5rem}.footer-section a{color:#ccc;text-decoration:none;transition:color 0.3s}.footer-section a:hover{color:white}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #555;color:#ccc}@media (max-width:768px){.hamburger{display:flex}.nav-menu{display:none}.hero .container{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2rem}.cta-buttons{justify-content:center}.comic-showcase{flex-direction:column}.features-grid{grid-template-columns:1fr}.comics-grid{grid-template-columns:repeat(2,1fr)}.download-content{grid-template-columns:1fr}.stats{flex-direction:column;gap:1rem}.footer-content{grid-template-columns:1fr}}@media (max-width:480px){.hero-content h1{font-size:1.5rem}.comics-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}