:root{--primary:#01b4e4;--secondary:#032541;--dark:#1a1a1a;--light:#f8f9fa;--text:#333;--text-light:#7a7a7a;--rating-high:#21d07a;--rating-mid:#d2d531;--rating-low:#db2360}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f0f2f5;color:var(--text);line-height:1.6}header{background:linear-gradient(to right,var(--secondary),var(--primary));color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px rgb(0 0 0 / .1);position:relative}.navbar{display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto}.logo{font-size:2rem;font-weight:700;color:#fff;text-decoration:none;text-transform:lowercase}.hero{height:60vh;background:linear-gradient(rgb(0 0 0 / .6),rgb(0 0 0 / .6)),url(https://res.cloudinary.com/djsggnlkm/image/upload/v1740078883/doraemon%20tresure%20islands%20poster%20cartoon%20db.jpg);background-size:cover;background-position:center;display:flex;align-items:center;padding:0 2rem;margin-bottom:2rem}.hero-content{max-width:1400px;margin:0 auto;color:#fff;width:100%}.hero-title{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-description{max-width:600px;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.hero-button{background-color:var(--primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.hero-button:hover{background-color:#09c;transform:translateY(-2px)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem;position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-8px;left:0;width:50%;height:4px;background:linear-gradient(to right,var(--primary),transparent);border-radius:2px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:all 0.3s ease;position:relative;opacity:0;transform:translateY(20px);animation:fadeIn 0.5s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgb(0 0 0 / .2)}.card a{text-decoration:none;color:inherit}.card-image{width:100%;height:300px;object-fit:cover;display:block;transition:transform 0.3s ease}.card:hover .card-image{transform:scale(1.05)}.card-content{padding:1rem;position:relative}.card-title{font-size:1rem;margin-bottom:.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:.8rem;color:var(--text-light);margin-bottom:.5rem}.rating-circle{position:absolute;top:-20px;right:10px;width:40px;height:40px;border-radius:50%;background-color:var(--dark);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;border:3px solid #fff;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.rating-high{background-color:var(--rating-high)}.rating-mid{background-color:var(--rating-mid);color:var(--dark)}.rating-low{background-color:var(--rating-low)}.see-all{text-align:center;margin:3rem 0}.see-all-button{background-color:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.see-all-button:hover{background-color:#09c;transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}footer{background-color:var(--secondary);color:#fff;padding:3rem 2rem;margin-top:3rem}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-column h3{margin-bottom:1.5rem;font-size:1.2rem}.footer-links{list-style:none}.footer-link{margin-bottom:.8rem}.footer-link a{color:rgb(255 255 255 / .7);text-decoration:none;transition:color 0.2s}.footer-link a:hover{color:var(--primary)}.copyright{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .1);color:rgb(255 255 255 / .5);font-size:.9rem}@media (max-width:768px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.cards-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card-image{height:225px}}@media (max-width:480px){.hero{height:50vh}.cards-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.card-image{height:180px}.card-content{padding:.8rem}.card-title{font-size:.9rem}.rating-circle{width:30px;height:30px;font-size:.7rem;top:-15px}}.glowing-featured-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.8rem;margin-bottom:3rem}.glowing-featured-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgb(0 0 0 / .08);transition:all 0.5s cubic-bezier(.23,1,.32,1);position:relative;opacity:0;transform:translateY(20px);animation:fadeIn 0.5s ease forwards;isolation:isolate;border:1px solid rgb(255 255 255 / .1)}.glowing-featured-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 25px 50px rgb(0 0 0 / .15),0 0 0 1px rgb(1 180 228 / .3)}.glowing-featured-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(45deg,#f3f4f6,#e5e7eb)}.glowing-featured-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.6s cubic-bezier(.23,1,.32,1)}.glowing-featured-card:hover img{transform:scale(1.08);filter:brightness(1.1) contrast(1.1)}.glowing-featured-content{padding:1.5rem;position:relative;background:#fff;z-index:2}.glowing-featured-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgb(1 180 228 / .15),transparent 50%);opacity:0;transition:opacity 0.5s;z-index:1}.glowing-featured-card:hover::before{opacity:1}.shine-overlay{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgb(255 255 255 / .4) 50%,transparent 100%);z-index:2;animation:shine-sweep 6s infinite;animation-delay:calc(var(--delay) * 1s)}@keyframes shine-sweep{0%{left:-100%;opacity:0}20%{opacity:.8}100%{left:100%;opacity:0}}.neon-new-tag{position:absolute;top:15px;left:15px;background:linear-gradient(45deg,#01b4e4,#90cea1);color:white!important;padding:.3rem .9rem;border-radius:50px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;z-index:3;box-shadow:0 0 10px rgb(1 180 228 / .7),0 0 20px rgb(1 180 228 / .5);animation:neon-pulse 1.2s infinite alternate,float 3s ease-in-out infinite;transition:all 0.3s ease}.glowing-featured-card:hover .neon-new-tag{transform:scale(1.1);box-shadow:0 0 20px rgb(1 180 228 / .9),0 0 40px rgb(1 180 228 / .7)}.featured-blog-title{font-size:1.3rem;margin-bottom:.5rem;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.4s ease;position:relative;display:inline-block}.featured-card-link:hover .featured-blog-title{background:linear-gradient(90deg,#01b4e4,#90cea1);-webkit-background-clip:text;background-clip:text;color:#fff0;text-shadow:0 2px 8px rgb(1 180 228 / .3)}.glowing-rating{position:absolute;top:-25px;right:15px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1rem;border:3px solid #fff;box-shadow:0 5px 20px rgb(0 0 0 / .2);z-index:3;transition:all 0.3s ease}.glowing-featured-card:hover .glowing-rating{transform:scale(1.1) rotate(10deg)}@media (max-width:768px){.glowing-featured-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.featured-blog-title{font-size:1.15rem}}@media (max-width:480px){.glowing-featured-container{grid-template-columns:1fr}.glowing-featured-card:hover{transform:translateY(-5px) scale(1.02)}}.modern-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;margin-bottom:3rem}.modern-video-card{display:block;text-decoration:none!important;color:inherit;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgb(0 0 0 / .08);transition:all 0.45s cubic-bezier(.23,1,.32,1);position:relative;opacity:0;transform:translateY(20px);animation:fadeIn 0.6s ease forwards;border:1px solid rgb(0 0 0 / .04)}.modern-video-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgb(0 0 0 / .12),0 0 0 1px rgb(1 180 228 / .2)}.video-thumb-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e4e7eb)}.video-thumb-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.23,1,.32,1)}.modern-video-card:hover .video-thumb-wrapper img{transform:scale(1.08)}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgb(1 180 228 / .9);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all 0.4s ease;opacity:0}.play-btn svg{width:22px;height:22px;color:#fff;margin-left:4px}.modern-video-card:hover .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 10px rgb(1 180 228 / .3)}.hover-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(to right,#fff0 0%,rgb(255 255 255 / .3) 50%,#fff0 100%);transform:skewX(-25deg);z-index:2;transition:left 0.8s ease}.modern-video-card:hover .hover-shine{left:150%}.video-info{padding:1.4rem}.video-info h3{font-size:1.1rem;font-weight:700;margin-bottom:.6rem;color:var(--text);transition:color 0.3s ease;line-height:1.4;text-decoration:none!important}.modern-video-card:hover .video-info h3{color:var(--primary)}.video-info p{font-size:.9rem;color:var(--text-light);margin-bottom:.8rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none!important}.video-stats{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-light)}@media (max-width:768px){.modern-video-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.video-info{padding:1.2rem}.video-info h3{font-size:1rem}}@media (max-width:480px){.modern-video-grid{grid-template-columns:1fr}.modern-video-card:hover{transform:translateY(-5px)}.play-btn{width:50px;height:50px}}.theme-switcher{position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index:1000}.liquid-toggle{width:44px;height:24px;background:rgb(255 255 255 / .2);border-radius:100px;position:relative;cursor:pointer;overflow:hidden;transition:all 0.3s ease}.liquid-toggle::before{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;z-index:2;transition:all 0.4s cubic-bezier(.68,-.55,.265,1.55)}.liquid-toggle.active::before{transform:translateX(20px);background:gold}.liquid-wave{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none;clip-path:circle(0% at 50% 50%)}.liquid-wave.light{background:#f8f9fa}.liquid-wave.dark{background:#0D1117}@keyframes liquidIn{0%{clip-path:circle(0% at var(--click-x) var(--click-y))}100%{clip-path:circle(150% at var(--click-x) var(--click-y))}}body.dark-mode{--light:#121212;--dark:#f8f9fa;--text:#e0e0e0;--text-light:#a0a0a0;--secondary:#0a1929;background-color:#0D1117}body.dark-mode .card,body.dark-mode .modern-video-card,body.dark-mode .glowing-featured-card,body.dark-mode .glowing-featured-content{background:#1E293B!important;border-color:#2D3748}body.dark-mode .featured-blog-title,body.dark-mode .featured-card-link:hover .featured-blog-title,body.dark-mode .card-title,body.dark-mode .video-info h3{color:#f0f0f0!important}body.dark-mode .video-info p,body.dark-mode .card-meta,body.dark-mode .video-stats{color:#b0b0b0!important}