*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#6c5ce7;--secondary-color:#a29bfe;--accent-color:#fd79a8;--dark-bg:#2d3436;--darker-bg:#1e2124;--light-text:#ffffff;--gray-text:#b2bec3;--card-bg:#36393f;--hover-bg:#40444b;--gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-2:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-3:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--dark-bg);color:var(--light-text);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(45,52,54,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.1)}.navbar{padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:0.5rem;font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.brand-icon{font-size:2rem}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--gray-text);text-decoration:none;font-weight:500;padding:0.5rem 1rem;border-radius:25px;transition:all 0.3s ease}.nav-link:hover,.nav-link.active{color:var(--light-text);background:var(--primary-color)}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.nav-toggle span{width:25px;height:3px;background:var(--light-text);margin:3px 0;transition:0.3s}.hero-section{height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-1);z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.hero-text h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,#fff,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero-subtitle{font-size:1.2rem;color:var(--gray-text);margin-bottom:2rem;max-width:600px}.hero-actions{display:flex;gap:1rem;margin-bottom:2rem}.cta-button{padding:1rem 2rem;text-decoration:none;border-radius:50px;font-weight:600;transition:all 0.3s ease;display:inline-block}.cta-button.primary{background:var(--gradient-2);color:white}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(253,121,168,0.4)}.cta-button.secondary{background:transparent;color:white;border:2px solid white}.cta-button.secondary:hover{background:white;color:var(--primary-color)}.hero-stats{display:flex;flex-direction:column;gap:2rem}.stat-item{text-align:center;padding:1.5rem;background:rgba(255,255,255,0.1);border-radius:15px;backdrop-filter:blur(10px)}.stat-number{display:block;font-size:2rem;font-weight:bold;color:var(--accent-color)}.stat-label{color:var(--gray-text);font-size:0.9rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:1.1rem;color:var(--gray-text);max-width:600px;margin:0 auto}.anime-section{padding:6rem 0;background:var(--darker-bg)}.anime-showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.anime-card{background:var(--card-bg);border-radius:20px;overflow:hidden;transition:all 0.3s ease;position:relative}.anime-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.anime-card.featured{grid-row:span 2}.card-image{position:relative;overflow:hidden}.card-image img{width:100%;height:300px;object-fit:cover;transition:transform 0.3s ease}.anime-card.featured .card-image img{height:400px}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.anime-card:hover .card-overlay{opacity:1}.play-button{width:60px;height:60px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.card-content{padding:1.5rem}.card-content h3{font-size:1.3rem;margin-bottom:0.5rem;color:var(--light-text)}.card-content p{color:var(--gray-text);margin-bottom:1rem;font-size:0.9rem}.card-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.rating{color:var(--accent-color);font-weight:bold}.episodes{color:var(--gray-text);font-size:0.9rem}.tag{padding:0.3rem 0.8rem;border-radius:15px;font-size:0.8rem;font-weight:500}.tag.hot{background:var(--gradient-2);color:white}.tag.new{background:var(--gradient-3);color:white}.tag.complete{background:#00b894;color:white}.tag.update{background:#fdcb6e;color:#2d3436}.anime-grid{display:grid;gap:2rem}.hot-section{padding:6rem 0}.hot-ranking{max-width:1000px;margin:0 auto}.ranking-item{display:flex;align-items:center;background:var(--card-bg);padding:2rem;margin-bottom:2rem;border-radius:20px;transition:all 0.3s ease;position:relative}.ranking-item:hover{transform:translateX(10px);box-shadow:0 15px 35px rgba(0,0,0,0.2)}.rank-badge{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;color:white;margin-right:2rem}.rank-1 .rank-badge{background:var(--gradient-2)}.rank-2 .rank-badge{background:var(--gradient-3)}.rank-3 .rank-badge{background:var(--gradient-1)}.ranking-image{width:120px;height:160px;border-radius:10px;overflow:hidden;margin-right:2rem}.ranking-image img{width:100%;height:100%;object-fit:cover}.ranking-info{flex:1}.ranking-info h3{font-size:1.4rem;margin-bottom:0.5rem;color:var(--light-text)}.ranking-info p{color:var(--gray-text);margin-bottom:1rem}.ranking-stats{display:flex;gap:2rem}.ranking-stats span{color:var(--accent-color);font-size:0.9rem}.trend-up,.trend-stable{font-size:1.5rem;margin-left:auto}.new-section{padding:6rem 0;background:var(--darker-bg)}.updates-timeline{max-width:1000px;margin:0 auto}.update-item{display:flex;margin-bottom:3rem;position:relative}.update-item::before{content:'';position:absolute;left:80px;top:60px;bottom:-60px;width:2px;background:var(--primary-color);z-index:1}.update-item:last-child::before{display:none}.update-time{width:160px;text-align:center;position:relative;z-index:2}.time-badge{background:var(--primary-color);color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:500}.update-content{flex:1;display:flex;background:var(--card-bg);border-radius:15px;overflow:hidden;margin-left:2rem;transition:all 0.3s ease}.update-content:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.2)}.update-image{width:150px;height:120px}.update-image img{width:100%;height:100%;object-fit:cover}.update-info{padding:1.5rem;flex:1}.update-info h3{font-size:1.2rem;margin-bottom:0.5rem;color:var(--light-text)}.update-info p{color:var(--gray-text);margin-bottom:1rem;font-size:0.9rem}.update-tags{display:flex;gap:0.5rem}.tag-new{background:var(--gradient-2);color:white;padding:0.3rem 0.8rem;border-radius:12px;font-size:0.8rem}.tag-hd{background:var(--gradient-3);color:white;padding:0.3rem 0.8rem;border-radius:12px;font-size:0.8rem}.tag-hot{background:var(--gradient-1);color:white;padding:0.3rem 0.8rem;border-radius:12px;font-size:0.8rem}.tag-music{background:#e17055;color:white;padding:0.3rem 0.8rem;border-radius:12px;font-size:0.8rem}.tag-youth{background:#00b894;color:white;padding:0.3rem 0.8rem;border-radius:12px;font-size:0.8rem}.about-section{padding:6rem 0}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.about-text h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-intro{font-size:1.1rem;color:var(--gray-text);margin-bottom:3rem;line-height:1.8}.about-features{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--card-bg);border-radius:15px;transition:all 0.3s ease}.feature-item:hover{transform:translateX(10px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.feature-icon{font-size:2rem;width:60px;text-align:center}.feature-text h3{font-size:1.2rem;margin-bottom:0.5rem;color:var(--light-text)}.feature-text p{color:var(--gray-text);font-size:0.9rem}.about-stats{align-self:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stat-card{background:var(--card-bg);padding:2rem;border-radius:15px;text-align:center;transition:all 0.3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.2)}.stat-card h3{font-size:2rem;font-weight:bold;color:var(--accent-color);margin-bottom:0.5rem}.stat-card p{color:var(--gray-text);font-size:0.9rem}.footer{background:var(--darker-bg);padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,0.1)}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:3rem}.footer-brand h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:1rem}.footer-brand p{color:var(--gray-text);margin-bottom:2rem;line-height:1.6}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s ease}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.link-group h4{color:var(--light-text);margin-bottom:1rem;font-size:1.1rem}.link-group ul{list-style:none}.link-group li{margin-bottom:0.5rem}.link-group a{color:var(--gray-text);text-decoration:none;transition:color 0.3s ease}.link-group a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);color:var(--gray-text)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.animate{animation:fadeInUp 0.8s ease forwards}.slide-in{animation:slideInLeft 0.8s ease forwards}.pulse{animation:pulse 2s infinite}@media (max-width:1200px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-stats{flex-direction:row;justify-content:center}.anime-showcase{grid-template-columns:1fr}.about-content{grid-template-columns:1fr;gap:3rem}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width:768px){.container{padding:0 1rem}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--dark-bg);width:100%;text-align:center;transition:0.3s;padding:2rem 0;border-top:1px solid rgba(255,255,255,0.1)}.nav-menu.active{left:0}.nav-toggle{display:flex}.hero-text h1{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:center}.section-header h2{font-size:2rem}.anime-grid{grid-template-columns:1fr}.ranking-item{flex-direction:column;text-align:center}.ranking-image{margin:0 0 1rem 0}.update-item{flex-direction:column}.update-time{width:100%;margin-bottom:1rem}.update-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}}