:root{--primary-dark:#0a1929;--secondary-dark:#1a2332;--accent-blue:#1da4a9;--accent-light:#6ce5e8;--text-light:#e3f2fd;--border-color:#2d3748}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,var(--primary-dark) 0,var(--secondary-dark) 100%);color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.navbar{backdrop-filter:blur(10px);background:rgba(10,25,41,.95);border-bottom:2px solid var(--accent-blue);box-shadow:0 4px 20px rgba(33,150,243,.2);padding:.75rem 2rem}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.navbar-logo{flex:1}.navbar-brand{align-items:center;color:var(--accent-light)!important;display:inline-flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;text-shadow:0 0 10px rgba(33,150,243,.5)}.navbar-brand:hover{color:var(--accent-blue)!important}.logo-img{height:40px;width:auto}.social-links{align-items:center;display:flex;flex:1;gap:1rem;justify-content:center}.social-link{display:inline-block;opacity:.8;transition:all .3s ease}.social-link:hover{opacity:1;transform:translateY(-3px)}.social-icon{height:32px;object-fit:contain;width:32px}.language-selector{display:flex;flex:1;justify-content:flex-end}.lang-btn{align-items:center;background:transparent;border:2px solid var(--accent-blue);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .3s ease}.lang-btn:hover{border-color:var(--accent-light);box-shadow:0 4px 15px rgba(33,150,243,.4);transform:translateY(-2px)}.lang-btn:active{transform:scale(.95)}.flag-icon{border-radius:4px;display:block;height:28px;object-fit:cover;width:42px}.main-container{margin:2rem auto;max-width:1400px;padding:0 1rem}.navigation-panel{background:rgba(26,35,50,.8);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);margin-bottom:2rem;padding:1.5rem}.nav-section{margin-bottom:1.5rem}.nav-section:last-child{margin-bottom:0}.nav-section label{color:var(--accent-light);display:block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.custom-select{background:var(--primary-dark);border:2px solid var(--border-color);border-radius:10px;color:var(--text-light);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.custom-select:hover{border-color:var(--accent-blue);box-shadow:0 0 15px rgba(33,150,243,.3)}.custom-select:focus{border-color:var(--accent-blue);box-shadow:0 0 20px rgba(33,150,243,.4);outline:none}.custom-select option{background:var(--primary-dark);color:var(--text-light);padding:.5rem}.reader-container{background:rgba(26,35,50,.6);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:2rem}.chapter-info{background:rgba(10,25,41,.6);border-left:4px solid var(--accent-blue);border-radius:10px;margin-bottom:2rem;padding:1rem;text-align:center}.chapter-info h2{color:var(--accent-light);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.chapter-info p{color:#90caf9;font-size:1.1rem;margin:0}.reading-area{background:transparent;margin-bottom:2rem}.pages-container{display:flex;flex-direction:column;gap:0;width:100%}.comic-page{display:block;height:auto;margin:0;width:100%}.placeholder{align-items:center;background:rgba(10,25,41,.3);border-radius:10px;color:#546e7a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.placeholder i{font-size:5rem;margin-bottom:1rem;opacity:.5}.chapter-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between}.btn-control{align-items:center;background:linear-gradient(135deg,var(--accent-blue),#1976d2);border:none;border-radius:10px;box-shadow:0 4px 15px rgba(33,150,243,.3);color:#fff;display:flex;flex:1;font-weight:600;gap:.5rem;justify-content:center;max-width:250px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-control:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,var(--accent-blue));box-shadow:0 6px 20px rgba(33,150,243,.5);transform:translateY(-2px)}.btn-control:disabled{background:rgba(100,181,246,.2);box-shadow:none;cursor:not-allowed}.loading-indicator{color:var(--accent-light);padding:2rem;text-align:center}.loading-indicator i{animation:spin 1s linear infinite;font-size:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-container{margin-top:1.5rem}.progress{background:rgba(10,25,41,.6);border-radius:10px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--accent-blue),var(--accent-light));transition:width .3s ease}@media (max-width:768px){.main-container{margin:1rem auto}.navigation-panel,.reader-container{padding:1rem}.chapter-info h2{font-size:1.4rem}.btn-control{font-size:.85rem;max-width:none;padding:.6rem 1rem}.chapter-navigation{gap:.5rem}.navbar{padding:.75rem 1rem}.navbar-content{flex-wrap:wrap;gap:.75rem}.navbar-logo{flex:0 0 auto}.social-links{flex:1 0 100%;gap:.75rem;justify-content:center;order:3}.social-icon{height:28px;width:28px}.language-selector{flex:0 0 auto}.flag-icon{height:24px;width:36px}}@media (max-width:480px){.btn-control{font-size:.8rem;padding:.5rem .75rem}.btn-control span{display:none}.btn-control i{margin:0!important}.navbar-brand{font-size:1.2rem}.logo-img{height:32px}.social-icon{height:24px;width:24px}.flag-icon{height:20px;width:30px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}.access-container{margin:3rem auto;max-width:500px;padding:0 1rem}.access-card{backdrop-filter:blur(10px);background:rgba(26,35,50,.9);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:2.5rem}.access-header{margin-bottom:2rem;text-align:center}.access-icon{color:var(--accent-blue);font-size:3rem;margin-bottom:1rem}.access-title{color:var(--accent-light);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.access-subtitle{color:#90caf9;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--accent-light);display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-control{background:var(--primary-dark);border:2px solid var(--border-color);border-radius:10px;color:var(--text-light);font-size:1rem;padding:.9rem 1.2rem;transition:all .3s ease;width:100%}.form-control:focus{background:rgba(10,25,41,.95);border-color:var(--accent-blue);box-shadow:0 0 20px rgba(33,150,243,.3);outline:none}.form-control::placeholder{color:#546e7a;opacity:.7}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#1976d2);border:none;border-radius:10px;box-shadow:0 4px 15px rgba(33,150,243,.3);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#1976d2,var(--accent-blue));box-shadow:0 6px 20px rgba(33,150,243,.5);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.alert{animation:slideIn .3s ease;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#ff8a80}.info-box{background:rgba(33,150,243,.1);border-left:4px solid var(--accent-blue);border-radius:8px;color:#90caf9;font-size:.9rem;margin-top:1.5rem;padding:1rem}.info-box i{color:var(--accent-light);margin-right:.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.access-container{margin:2rem auto}.access-card{padding:1.5rem}.access-title{font-size:1.5rem}.form-control{padding:.75rem 1rem}.btn-primary{font-size:1rem;padding:.85rem 1.5rem}}.lock-animation{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}