:root{--primary:#2563eb;--secondary:#3b82f6;--dark:#0f172a;--light:#f8fafc;--success:#1565c0;--danger:#ef4444;--warning:#f59e0b;--radius:10px;--shadow:0 20px 60px rgba(0, 0, 0, 0.35);--transition-base:0.3s ease;--scrollbar-thumb:#0d47a1;--scrollbar-thumb-hover:#1565c0;--brand:#2563eb;--brand-2:#1d4ed8;--overlay-bg:rgba(0, 0, 0, 0.7);--card-base:#c3c8d0;--card-highlight:#d1d6dd;--border-gray:#b0b7c3;--text-dark:#0f172a;--text-muted:#374151;--accent:#2563eb;--overlay:rgba(220,225,232,0.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:var(--light);color:var(--dark);overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base);overflow-y:scroll!important}body.dark{background-color:var(--dark);color:var(--light)}h1,h2,h3,h4,h5,h6{font-family:'Exo 2',sans-serif;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0;border-radius:5px}body.dark ::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#04f;border-radius:5px;border:2px solid transparent;background-clip:padding-box}body.dark ::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#04f}body.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--primary)}}@keyframes search-pulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.4)}70%{box-shadow:0 0 0 10px rgba(99,102,241,0)}100%{box-shadow:0 0 0 0 rgba(99,102,241,0)}}@keyframes hologram-effect{0%{transform:rotate(30deg) translateY(0)}100%{transform:rotate(30deg) translateY(50%)}}@keyframes content-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes rainbow-fill{0%{background:linear-gradient(135deg,#00f3ff 0,#0096ff 20%,#06f 40%,#04f 60%,#70f 80%,#f0f 100%);box-shadow:0 0 25px rgba(0,243,255,.8),0 0 50px rgba(0,150,255,.6),inset 0 0 20px rgba(255,255,255,.3)}25%{background:linear-gradient(135deg,#00a2ff 0,#00f3ff 25%,#0096ff 50%,#06f 75%,#04f 100%);box-shadow:0 0 30px rgba(0,243,255,.9),0 0 60px rgba(0,150,255,.7),0 0 10px rgba(255,0,255,.4),inset 0 0 25px rgba(255,255,255,.4)}50%{background:linear-gradient(135deg,#06f 0,#00a2ff 20%,#00f3ff 40%,#0096ff 60%,#00a2ff 80%,#06f 100%);box-shadow:0 0 35px #00f3ff,0 0 70px rgba(0,150,255,.8),0 0 15px rgba(255,0,255,.5),0 0 20px rgba(0,255,255,.3),inset 0 0 30px rgba(255,255,255,.5)}75%{background:linear-gradient(135deg,#0096ff 0,#06f 30%,#00f3ff 60%,#0096ff 90%,#00a2ff 100%);box-shadow:0 0 30px rgba(0,243,255,.9),0 0 60px rgba(0,150,255,.7),0 0 10px rgba(255,0,255,.4),inset 0 0 25px rgba(255,255,255,.4)}100%{background:linear-gradient(135deg,#00f3ff 0,#0096ff 20%,#06f 40%,#04f 60%,#70f 80%,#f0f 100%);box-shadow:0 0 25px rgba(0,243,255,.8),0 0 50px rgba(0,150,255,.6),inset 0 0 20px rgba(255,255,255,.3)}}@keyframes floating-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floating-dynamic{0%,100%{transform:translateY(-12px) scale(1.05) rotateX(5deg) rotateY(5deg)}25%{transform:translateY(-18px) scale(1.08) rotateX(8deg) rotateY(-2deg)}50%{transform:translateY(-22px) scale(1.03) rotateX(-3deg) rotateY(8deg)}75%{transform:translateY(-16px) scale(1.06) rotateX(2deg) rotateY(-5deg)}}@keyframes pulse-glow{0%,100%{opacity:.8;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes wifiSlash{0%,100%,50%{opacity:1;transform:scale(1) rotate(0)}25%,75%{opacity:.5;transform:scale(1.2) rotate(-10deg)}}@keyframes wifiSignal{0%{opacity:0;transform:scale(.5)}50%{opacity:.3;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}@keyframes share-pulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.4)}70%{box-shadow:0 0 0 10px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.floating{animation:float 6s ease-in-out infinite;will-change:transform}.typewriter{overflow:hidden;border-right:.15em solid var(--primary);white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.active{opacity:1;transform:translateY(0)}.search-pulse{animation:search-pulse 2s infinite}.fade-in{animation:fadeIn .5s ease-in-out}.wifi-icon-animate{animation:wifiSlash 2s infinite;font-size:3rem}.wifi-signal-animate{animation:wifiSignal 2s infinite;font-size:3rem}.hologram{position:relative;overflow:hidden}.hologram::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,rgba(255,255,255,.1),rgba(255,255,255,.05),transparent,rgba(0,0,0,.05),rgba(0,0,0,.1));transform:rotate(30deg);animation:hologram-effect 3s linear infinite;z-index:2;pointer-events:none}header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all var(--transition-base)}body.dark header{background:rgba(15,23,42,.95)}.logo-text{background:linear-gradient(45deg,#2563eb,#3b82f6,#6366f1);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.nav-link{position:relative;overflow:hidden;padding:.5rem 1rem;color:var(--dark);text-decoration:none;font-weight:500;transition:color var(--transition-base);background:0 0;border:none;cursor:pointer;font-size:1rem}body.dark .nav-link{color:var(--light)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width var(--transition-base)}.nav-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent);transition:left .7s ease}.nav-link:hover{color:var(--primary)}.nav-link:hover::after{width:100%}.nav-link:hover::before{left:100%}@media (min-width:1024px){header nav.hidden.lg\:flex{display:flex!important}}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);z-index:100}body.dark .dropdown-menu{background:#1e293b;box-shadow:0 10px 25px rgba(0,0,0,.3)}.dropdown-menu a{display:block;padding:10px 20px;color:#374151;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}body.dark .dropdown-menu a{color:#e5e7eb}.dropdown-menu a:hover{background:rgba(99,102,241,.1);padding-left:1.75rem}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{position:relative;overflow:hidden;transform-origin:left}.dropdown-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--secondary));transform:scaleY(0);transition:transform var(--transition-base)}.dropdown-item:hover::before{transform:scaleY(1)}.theme-toggle{position:relative;width:60px;height:30px;border-radius:15px;background:var(--light);cursor:pointer;transition:all .4s cubic-bezier(.68, -.55, .265, 1.55);box-shadow:0 4px 10px rgba(0,0,0,.1);border:1px solid #e2e8f0}body.dark .theme-toggle{background:var(--dark);border-color:#334155;box-shadow:0 4px 10px rgba(255,255,255,.2)}.toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--primary);transition:transform .4s cubic-bezier(.68, -.55, .265, 1.55);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2)}body.dark .toggle-thumb{transform:translateX(30px);background:var(--primary);box-shadow:0 2px 5px rgba(255,255,255,.2)}.theme-icon{position:absolute;font-size:.75rem;transition:opacity var(--transition-base),transform .4s cubic-bezier(.68, -.55, .265, 1.55)}.sun-icon{opacity:1;transform:rotate(0) scale(.8);color:#f59e0b}.moon-icon{opacity:0;transform:rotate(0) scale(.5);color:#e2e8f0}body.dark .sun-icon{opacity:0;transform:rotate(180deg) scale(.5)}body.dark .moon-icon{opacity:1;transform:rotate(0) scale(.8)}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media (min-width:768px){.hero-title{font-size:4.5rem}}@media (max-width:768px){.hero-title{font-size:2.5rem}}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.badge-mobile{background:linear-gradient(45deg,#000,#100);color:#fff}.badge-science{background:linear-gradient(45deg,#8b5cf6,#a78bfa);color:#fff}.badge-tech{background:linear-gradient(45deg,#06f,#04f);color:#fff}.card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease;transform:translateY(20px);opacity:0}body.dark .card{background:#1e293b}.card.visible{transform:translateY(0);opacity:1}.card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.card-hover:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.video-card:hover{transition:.8s ease-in-out;transform:scale(1.05)}.youtube-play-button{width:48px;height:48px;background-color:rgba(33,33,33,.8);border-radius:24px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s cubic-bezier(0, 0, .2, 1);cursor:pointer;z-index:10;border:none}.youtube-play-button:hover{background-color:#1d4ed8;transform:translate(-50%,-50%) scale(1.1)}.youtube-play-button:before{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:3px}.discover-container{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;height:100%}body.dark .discover-container{background:#1e293b;box-shadow:0 4px 12px rgba(0,0,0,.3)}.discover-container:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.discover-media{position:relative;padding-top:56.25%;overflow:hidden}.discover-media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.discover-container:hover .discover-media img{transform:scale(1.05)}.discover-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.discover-title{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:8px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discover-meta{color:#606060;font-size:14px;margin-top:auto}body.dark .discover-meta{color:#aaa}.discover-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid rgba(0,0,0,.1)}body.dark .discover-actions{border-top:1px solid rgba(255,255,255,.1)}.share-button{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;transition:all .3s ease}.share-button:hover{background:rgba(0,0,0,.05)}body.dark .share-button:hover{background:rgba(255,255,255,.1)}.share-button i{color:#606060;transition:all .3s ease}body.dark .share-button i{color:#aaa}.share-button:hover i{color:var(--primary);transform:scale(1.1)}.share-button:active{animation:share-pulse .5s;background:rgba(37,99,235,.1)}.share-button:active i{color:var(--primary);transform:scale(.95)}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@media (max-width:640px){.discover-grid,.videos-grid{grid-template-columns:1fr}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}#mobileMenu{position:fixed;top:0;right:0;width:16rem;height:100vh;background:#fff;box-shadow:-4px 0 6px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .4s cubic-bezier(.4, 0, .2, 1);z-index:50;overflow:hidden}body.dark #mobileMenu{background:#1e293b}#mobileMenu.show{transform:translateX(0)}#mobileMenuOverlay{position:fixed;inset:0;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:40}#mobileMenuOverlay.show{opacity:1;visibility:visible}.mobile-dropdown label{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;cursor:pointer;user-select:none;transition:all .3s ease;position:relative;overflow:hidden}.mobile-dropdown label::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .7s ease}.mobile-dropdown label:hover::before{left:100%}.mobile-dropdown label i{transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.mobile-dropdown input[type=checkbox]:checked~label{background:rgba(37,99,235,.05)}body.dark .mobile-dropdown input[type=checkbox]:checked~label{background:rgba(37,99,235,.1)}.mobile-dropdown input[type=checkbox]:checked~label i{transform:rotate(180deg)}.mobile-dropdown-menu{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4, 0, .2, 1);background:rgba(37,99,235,.02)}body.dark .mobile-dropdown-menu{background:rgba(37,99,235,.05)}.mobile-dropdown input[type=checkbox]:checked~.mobile-dropdown-menu{max-height:500px}.mobile-dropdown-item{display:block;padding:14px 24px 14px 48px;color:#374151;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translateX(-20px)}body.dark .mobile-dropdown-item{color:#e5e7eb}.mobile-dropdown input[type=checkbox]:checked~.mobile-dropdown-menu .mobile-dropdown-item{opacity:1;transform:translateX(0)}.mobile-dropdown-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:linear-gradient(to bottom,var(--primary),var(--secondary));transition:height .3s ease;border-radius:0 2px 2px 0}.mobile-dropdown-item:hover::before{height:60%}.mobile-dropdown-item::after{content:'';position:absolute;bottom:0;left:48px;width:calc(100% - 48px);height:1px;background:linear-gradient(90deg,rgba(37,99,235,.2),transparent)}body.dark .mobile-dropdown-item::after{background:linear-gradient(90deg,rgba(37,99,235,.3),transparent)}.mobile-dropdown-item:hover{background:rgba(37,99,235,.05);padding-left:52px;transform:translateX(4px);color:var(--primary)}body.dark .mobile-dropdown-item:hover{background:rgba(37,99,235,.1)}.mobile-dropdown-item:active{transform:translateX(4px) scale(.98)}.mobile-dropdown input[type=checkbox]{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important}#mobileMenu nav{height:100%;overflow-y:auto;padding-right:20px;margin-right:-20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#mobileMenu nav::-webkit-scrollbar{display:none}#closeMobileMenu{transition:transform .3s ease,color .3s ease}#closeMobileMenu:hover{transform:rotate(90deg);color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-base);border:none;outline:0}.btn-primary{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff}.btn-primary:hover{opacity:.9;transform:scale(1.05)}.btn-secondary{background:0 0;border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background:rgba(37,99,235,.1)}.load-more-btn{position:relative;overflow:hidden;background:var(--primary);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;transition:all .3s ease}.load-more-btn:hover{background:var(--secondary)}.load-more-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.load-more-btn:hover::before{left:100%}.email-input:valid{border-color:var(--success)}.error-message{color:#f87171;font-size:.875rem;margin-top:.5rem;display:none}.content-loader-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;width:100%;position:relative;z-index:10}.content-loader-wrapper:before{content:'Loading content...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary);font-family:Roboto,sans-serif;font-size:14px;margin-top:60px}.content-loader{width:50px;height:50px;border:3px solid rgba(37,99,235,.1);border-radius:50%;border-top-color:var(--primary);animation:content-loader 1s linear infinite;position:relative}.content-loader:after{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:3px solid rgba(37,99,235,.05);border-radius:50%}.loader{position:absolute;inset:0;display:grid;place-items:center;background:#fff;z-index:10}.spinner{width:64px;height:64px;border-radius:50%;border:4px solid transparent;border-top:4px solid var(--brand);border-right:4px solid var(--brand);animation:spin 1s linear infinite}.spinner::after,.spinner::before{content:"";position:absolute;border-radius:50%;border:4px solid transparent}.spinner::before{inset:6px;border-top:4px solid #3b82f6;border-left:4px solid #3b82f6;animation:spinReverse 1.5s linear infinite}.spinner::after{inset:14px;border-bottom:4px solid #0ea5e9;border-right:4px solid #0ea5e9;animation:spin 2s linear infinite}.alert{display:flex;align-items:center;padding:1rem;border-radius:.5rem;margin-bottom:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.alert-success{background-color:#c6d3fc!important;color:#1565c0!important;border:1px solid #0d47a1}.alert-error{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.alert-icon{margin-right:.75rem;font-size:1.25rem}.success-checkmark{display:inline-block;width:20px;height:20px;margin-right:8px}.success-checkmark:after{content:"✓";color:#1565c0;font-weight:700;font-size:16px}.warning-triangle{display:inline-block;width:20px;height:20px;margin-right:8px}.warning-triangle:after{content:"⚠";color:#d97706;font-weight:700;font-size:16px}.error-icon{display:inline-block;width:20px;height:20px;margin-right:8px}.error-icon:after{content:"✗";color:#dc2626;font-weight:700;font-size:16px}.custom-alert{position:fixed;top:1rem;right:1rem;background:#f9fafb;border:1px solid var(--secondary);color:var(--primary);padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 10px rgba(0,0,0,.1);font-family:sans-serif;z-index:9999;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.custom-alert.show{opacity:1;transform:translateY(0)}#readMoreModal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;align-items:center;justify-content:center;z-index:50}#logoutConfirmModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:99999}#logoutConfirmModal.show{display:flex}.lister button{align-items:center;padding:.75rem 1rem;border-radius:.5rem;background:0 0;cursor:pointer;transition:background .2s;display:flex;border:none;font-size:inherit}.lister button:hover{background:#f3f4f6}body.dark .lister button:hover{background:#374151}.user-profile-img{width:32px;height:32px;border-radius:50%;margin-right:8px;object-fit:cover;border:2px solid #6485ed}#accountName{font-weight:500}#googleButtonWrapper{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:10000;background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #e2e8f0;min-width:280px;text-align:center}body.dark #googleButtonWrapper{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px rgba(0,0,0,.3)}#googleButtonWrapper.show{display:block!important}#logoutLink{display:none}#logoutLink.show{display:flex!important}.hoverier{transition:all .5s cubic-bezier(.4, 0, .2, 1);z-index:10;position:relative;overflow:hidden;animation:floating-gentle 4s ease-in-out infinite}.hoverier::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease;z-index:1}.hoverier::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,243,255,.1) 0,transparent 70%);opacity:0;transform:scale(.5);transition:all .8s cubic-bezier(.4, 0, .2, 1);z-index:0}.hoverier:hover{animation:rainbow-fill 2s infinite linear,floating-dynamic 3s ease-in-out infinite!important;background:0 0!important;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none!important;transform:translateY(-12px) scale(1.05) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 40px rgba(0,243,255,.3),0 0 60px rgba(0,150,255,.4),0 0 100px rgba(255,0,255,.2)}.hoverier:hover::before{transform:translateX(100%)}.hoverier:hover::after{opacity:1;transform:scale(1) rotate(180deg);animation:pulse-glow 2s ease-in-out infinite}.hoverier:first-child:hover{animation:rainbow-fill 2.2s infinite linear,floating-dynamic 3.2s ease-in-out infinite!important;transform:translateY(-15px) scale(1.08) rotateX(8deg) rotateY(-3deg) skewX(2deg)}.hoverier:nth-child(2):hover{animation:rainbow-fill 1.8s infinite linear,floating-dynamic 2.8s ease-in-out infinite!important;transform:translateY(-10px) scale(1.03) rotateX(-5deg) rotateY(8deg) skewY(1deg)}@media (max-width:768px){.hoverier:hover{animation:rainbow-fill 2s infinite linear,floating-dynamic 3s ease-in-out infinite!important;transform:translateY(-8px) scale(1.03) rotateX(3deg);box-shadow:0 15px 30px rgba(0,243,255,.25),0 0 40px rgba(0,150,255,.3)}}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.05;pointer-events:none}#scrollToTop{position:fixed;bottom:20px;right:20px;padding:10px 13px;font-size:20px;border-radius:50%;display:grid;align-items:center;justify-content:center;cursor:pointer;border:none;background:var(--primary);color:#fff;transition:all .3s ease;z-index:999;opacity:.9}#scrollToTop:hover{transform:translateY(-3px);background:var(--secondary);opacity:1}.hidden{display:none!important}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}@media (max-width:768px){.space-x-4>*+*{margin-left:0}}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-primary{color:var(--primary)}.bg-gray-100{background-color:#f3f4f6}.bg-gray-800{background-color:#1f2937}body.dark .bg-gray-100{background-color:#111827}body.dark .bg-gray-800{background-color:#0f172a}@media (max-width:1024px){.nav-link::after{display:none}header .container{padding-left:1rem;padding-right:1rem}}.search-bar{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:25px;background:#f1f5f9;border:2px solid #e2e8f0;transition:all var(--transition-base),width .3s ease;overflow:hidden}.search-bar.active,.search-bar:hover{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.search-bar.active .search-input,.search-bar:hover .search-input{opacity:1;visibility:visible}.search-bar.active{width:260px!important}body.dark .search-bar{background:#1e293b;border-color:#334155}body.dark .search-bar.active,body.dark .search-bar:hover{background:#1e293b;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.2)}.search-input{position:absolute;top:0;right:0;width:100%;height:100%;padding:0 40px 0 12px;background:0 0;border:none;outline:0;color:var(--dark);font-size:.875rem;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}body.dark .search-input{color:var(--light)}#searchToggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;z-index:2}@media (min-width:1024px){.flexy{margin-right:-8vw}}@media (max-width:768px){.hero-title{font-size:2.5rem}.card-content{padding:1rem}.dropdown-menu{position:static;width:100%;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.dropdown.active .dropdown-menu{display:block}.search-bar{position:absolute;right:60px;top:50%;transform:translateY(-50%)}.search-bar.active{width:220px!important}}.glitch{position:relative;display:inline-block;color:#fff;font-weight:700}.glitch::after,.glitch::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.glitch::before{left:2px;text-shadow:-2px 0 #ff00c1,2px 2px #f6f;clip:rect(44px,450px,56px,0);animation:glitch-anim1 2s infinite linear alternate-reverse}.glitch::after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #00bfff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 2.5s infinite linear alternate-reverse}@keyframes glitch-anim1{0%{clip:rect(42px,9999px,44px,0);transform:translate(0,0)}10%{clip:rect(12px,9999px,59px,0);transform:translate(-1px,-1px)}20%{clip:rect(48px,9999px,29px,0);transform:translate(1px,2px)}30%{clip:rect(33px,9999px,10px,0);transform:translate(-1px,0)}40%{clip:rect(17px,9999px,53px,0);transform:translate(2px,-1px)}50%{clip:rect(47px,9999px,31px,0);transform:translate(-1px,1px)}60%{clip:rect(60px,9999px,44px,0);transform:translate(1px,-2px)}70%{clip:rect(8px,9999px,61px,0);transform:translate(-2px,2px)}80%{clip:rect(25px,9999px,19px,0);transform:translate(1px,0)}90%{clip:rect(51px,9999px,37px,0);transform:translate(-1px,-1px)}100%{clip:rect(14px,9999px,56px,0);transform:translate(0,0)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,40px,0);transform:translate(0,0)}10%{clip:rect(30px,9999px,50px,0);transform:translate(1px,-1px)}20%{clip:rect(5px,9999px,35px,0);transform:translate(-1px,1px)}30%{clip:rect(20px,9999px,60px,0);transform:translate(2px,0)}40%{clip:rect(15px,9999px,25px,0);transform:translate(-2px,-1px)}50%{clip:rect(40px,9999px,45px,0);transform:translate(1px,2px)}60%{clip:rect(10px,9999px,50px,0);transform:translate(-1px,0)}70%{clip:rect(35px,9999px,55px,0);transform:translate(2px,-2px)}80%{clip:rect(25px,9999px,15px,0);transform:translate(-2px,1px)}90%{clip:rect(5px,9999px,40px,0);transform:translate(1px,0)}100%{clip:rect(20px,9999px,35px,0);transform:translate(0,0)}}#hoverier{transition:.8s ease;z-index:0}#hoverier:hover{transition:.8s ease;scale:1.1}#hoverier:hover::before{content:"";background:linear-gradient(45deg,#00bfff,#1e90ff,#4169e1,#7b68ee,#4562b1,#4076eb,#b0c4de,#00bfff);position:absolute;top:-2px;left:-2px;background-size:600%;z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(8px);animation:glowing 17s linear infinite;transition:opacity 3s ease-in-out;opacity:1}#hoverier:hover:hover::before{opacity:1}#hoverier:hover:active:after{background:0 0}#hoverier:hover:active{color:#fff;font-weight:700}.ad-overlay{position:fixed;inset:0;display:grid;place-items:center;background:var(--overlay);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:999}.ad-overlay.show{opacity:1;pointer-events:auto}.ad-float{transform:translateY(0)}.ad-overlay.show .ad-float{animation:floatY 6s ease-in-out infinite}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.ad-box{width:min(92%,420px);padding:44px 36px;border-radius:18px;background:linear-gradient(180deg,var(--card-highlight),var(--card-base));border:1px solid var(--border-gray);text-align:center;color:var(--text-dark);position:relative;overflow:hidden;transform:scale(.95);opacity:0}@media (max-width:480px){.ad-box{width:100%;padding:56px 24px;transform:scale(1);border-radius:20px}.logo{font-size:54px;padding:14px}.title{font-size:24px}.ad-btn{padding:14px 30px;font-size:15px}}.ad-overlay.show .ad-box{animation:modalIn .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalIn{0%{transform:scale(.86);opacity:0}60%{transform:scale(1.04);opacity:1}100%{transform:scale(1);opacity:1}}.ad-timer{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:var(--text-muted);background:rgba(0,0,0,.08);cursor:default}.ad-timer.close{cursor:pointer;background:#9aa1ac;color:#0f172a}.logo{font-size:56px;color:var(--accent);border:1.5px solid var(--border-gray);border-radius:50%;padding:14px;margin:20px auto 12px;display:inline-block;background:rgba(255,255,255,.2);opacity:0;transform:scale(.3);animation:pop .8s cubic-bezier(.2,1.4,.4,1) .3s forwards,logoGlow 2.5s ease-in-out infinite alternate 1s}@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes logoGlow{0%{box-shadow:0 0 6px rgba(37,99,235,.3),0 0 12px rgba(37,99,235,.2)}50%{box-shadow:0 0 14px rgba(37,99,235,.45),0 0 28px rgba(37,99,235,.3)}100%{box-shadow:0 0 6px rgba(37,99,235,.3),0 0 12px rgba(37,99,235,.2)}}.title{font-size:23px;margin:18px 0 8px;opacity:0;transform:translateY(14px)}.subtitle{font-size:15px;color:var(--text-muted);opacity:0;transform:translateY(14px)}.ad-overlay.show .title{animation:fadeUp .6s ease .45s both}.ad-overlay.show .subtitle{animation:fadeUp .6s ease .6s both}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ad-btn{margin-top:30px;padding:14px 32px;border-radius:999px;border:1px solid var(--border-gray);background:#cfd4db;font-weight:600;cursor:pointer;opacity:0;transform:translateY(8px);transition:transform .22s ease,box-shadow .22s ease,background .18s}.ad-overlay.show .ad-btn{animation:fadeUp .6s ease .9s both}.ad-btn:hover{background:#d6dae0;color:var(--accent);transform:translateY(-4px) scale(1.03);box-shadow:0 14px 36px rgba(0,0,0,.18)}#aboutModal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.6)!important;backdrop-filter:blur(4px)!important;z-index:99999!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}#aboutModal.show{opacity:1;visibility:visible;pointer-events:auto}.about-content{background:#fff;color:#1f2937;padding:2rem;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:32rem;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);opacity:0;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),opacity .3s ease;position:relative;z-index:100000}body.dark .about-content{background:#1e293b;color:#e5e7eb;border:1px solid #374151}#aboutModal.show .about-content{transform:scale(1);opacity:1}#closeAbout{margin-top:1.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:#ef4444;color:#fff}#closeAbout:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}body.modal-open{overflow:hidden!important}#aboutModal *{z-index:inherit}.desktop-only{display:none}@media (min-width:1024px){.desktop-only{display:flex}}@media (min-width:1024px){#mobileMenuBtn{display:none}}@media (max-width:768px){.search-container{margin-left:auto!important}}@media (max-width:768px){.btnx.w-full{width:auto;padding:.6rem 1.5rem;display:inline-block}}.search-hash{color:#6485ed}.account-name{font-size:17px}.section-heading{font-size:25px;font-weight:600}.scroll-to-top{display:none;position:fixed;bottom:20px;right:20px;z-index:9999}.scroll-to-top-icon{font-size:25px}