:root{--logo-yellow: #FFD700;--logo-red: #FF006D;--logo-blue: #00D9FF;--logo-pink: #FF1493;--logo-purple: #9D4EDD;--logo-cyan: #00F5FF;--bg-dark: #0a0a1e;--bg-panel: #1a1a2e;--text-main: #f5f5f5;--primary: #FFD700;--secondary: #1a1a2e;--accent: #00D9FF;--background: #0a0a1e;--text: #f5f5f5}html{font-family:Roboto,sans-serif;background:var(--bg-dark);background-image:radial-gradient(circle at 20% 50%,rgba(157,78,221,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,217,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,0,109,.1) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23222222' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:var(--text-main);scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Bangers,cursive;letter-spacing:1.5px}h1{font-size:3rem}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.comic-font{font-family:Bangers,cursive;letter-spacing:1.5px}.text-stroke{text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.main-nav{background:linear-gradient(90deg,#000,#1a0a2e,#000);border-bottom:3px solid var(--logo-cyan);box-shadow:0 4px 20px #00d9ff4d,0 0 40px #9d4edd33;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;display:flex;align-items:center}.logo img{height:50px;width:auto;margin-right:1rem}.logo-text{font-size:1.5rem;font-weight:700;color:var(--logo-yellow);font-family:Bangers,cursive;letter-spacing:2px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-main);text-decoration:none;font-size:.95rem;font-weight:600;transition:color .3s ease,text-shadow .3s ease}.nav-links a:hover{color:var(--logo-cyan);text-shadow:0 0 10px rgba(0,217,255,.8),0 0 20px rgba(0,217,255,.5)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1000}.mobile-menu-button .bar{display:block;width:25px;height:3px;margin:5px 0;background:var(--text);transition:all .3s ease}.mobile-menu{display:none;position:fixed;inset:0;background:linear-gradient(135deg,#000,#1a0a2e);border-left:4px solid var(--logo-cyan);box-shadow:-10px 0 30px #00d9ff4d;padding:5rem 2rem 2rem;transform:translate(100%);transition:transform .3s ease;z-index:900}.mobile-menu.active{transform:translate(0)}.mobile-menu a{display:block;color:var(--text);text-decoration:none;font-size:1.2rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .3s ease}.mobile-menu a:hover{color:var(--logo-cyan);text-shadow:0 0 10px rgba(0,217,255,.8),0 0 20px rgba(0,217,255,.5)}.mobile-menu .social-links{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.mobile-menu .social-links a{border-bottom:none;text-align:center}footer{background:linear-gradient(180deg,#000,#1a0a2e);border-top:3px solid var(--logo-pink);box-shadow:0 -4px 20px #ff006d4d;padding:3rem 0 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:center}.footer-section h3{color:var(--logo-yellow);margin-bottom:1rem;font-family:Bangers,cursive;letter-spacing:2px}.footer-section p{margin:.5rem 0}.footer-section a{color:var(--text);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--logo-cyan);text-shadow:0 0 10px rgba(0,217,255,.6)}.social-links a{color:var(--text-main);text-decoration:none;margin:.5rem;padding:.5rem 1rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:20px;transition:all .3s ease}.social-links a:hover{background:var(--logo-cyan);color:#000;border-color:var(--logo-cyan);box-shadow:0 0 20px #00d9ff99,0 0 30px #9d4edd4d}.footer-bottom{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--logo-cyan);color:#000;border:3px solid var(--logo-pink);border-radius:50%;cursor:pointer;font-size:1.2rem;box-shadow:0 0 20px #00d9ff99,0 0 30px #ff006d66;z-index:999;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 0 30px #00d9ffcc,0 0 40px #ff006d99;background:var(--logo-purple);border-color:var(--logo-cyan)}.scroll-to-top:active{transform:translateY(-1px) scale(1.05);box-shadow:0 0 15px #00d9ff99}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-button,.mobile-menu{display:block}.mobile-menu-button.active .bar:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-button.active .bar:nth-child(2){opacity:0}.mobile-menu-button.active .bar:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.scroll-to-top{bottom:1.5rem;right:1.5rem;width:45px;height:45px;font-size:1rem}}