@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap);:root{--neon-pink:#ff0080;--neon-blue:#0ff;--neon-green:#00ff41;--neon-yellow:#ff0;--neon-purple:#8a2be2;--dark-bg:#0a0a0a;--darker-bg:#050505;--card-bg:#1a1a1a;--border-glow:#333;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#666;--accent-gradient:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));--cyber-gradient:linear-gradient(45deg,var(--neon-blue),var(--neon-green));--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 8px 16px #00000080;--shadow-neon:0 0 20px #00ffff4d;--shadow-pink:0 0 20px #ff00804d}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#0a0a0a;background:var(--dark-bg);color:#fff;color:var(--text-primary);font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden;touch-action:manipulation}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505;background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:#0ff;background:var(--neon-blue);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#00ff41;background:var(--neon-green)}h1,h2,h3,h4,h5,h6{font-family:Orbitron,monospace;font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff0080,#8a2be2);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,4rem);text-shadow:0 0 30px #ff008080}h2{color:#0ff;color:var(--neon-blue);font-size:clamp(1.5rem,4vw,2.5rem)}h3{color:#00ff41;color:var(--neon-green);font-size:clamp(1.25rem,3vw,1.75rem)}p{color:#b0b0b0;color:var(--text-secondary);font-size:clamp(.9rem,2vw,1.1rem);margin-bottom:1rem;margin-bottom:var(--spacing-md)}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes neonGlow{0%,to{box-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}50%{box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%,to{transform:translate(0)}10%{transform:translate(-1px,1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,-1px)}40%{transform:translate(1px,1px)}50%{transform:translate(0)}60%{transform:translate(-1px)}70%{transform:translate(1px)}80%{transform:translate(0)}90%{transform:translate(-1px,1px)}}.neon-text{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}.neon-border{border:2px solid #0ff;border:2px solid var(--neon-blue);box-shadow:0 0 10px #0ff,inset 0 0 10px #00ffff1a;box-shadow:0 0 10px var(--neon-blue),inset 0 0 10px #00ffff1a}.cyber-card{background:#1a1a1a;background:var(--card-bg);border:1px solid #333;border:1px solid var(--border-glow);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 8px #0006;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.cyber-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cyber-card:hover:before{left:100%}.cyber-card:hover{border-color:#0ff;border-color:var(--neon-blue);box-shadow:0 0 20px #00ffff4d;box-shadow:var(--shadow-neon);transform:translateY(-2px)}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:Orbitron,monospace;font-weight:600;letter-spacing:1px;overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-transform:uppercase;touch-action:manipulation;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#ff0080,#8a2be2);background:var(--accent-gradient);box-shadow:0 0 20px #ff00804d;box-shadow:var(--shadow-pink);color:#fff}.btn-primary:hover{box-shadow:0 0 30px #ff008080;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #0ff;border:2px solid var(--neon-blue);box-shadow:0 0 20px #00ffff4d;box-shadow:var(--shadow-neon);color:#0ff;color:var(--neon-blue)}.btn-secondary:hover{background:#0ff;background:var(--neon-blue);box-shadow:0 0 30px #0ff;box-shadow:0 0 30px var(--neon-blue);color:#0a0a0a;color:var(--dark-bg)}input,select,textarea{-webkit-appearance:none;appearance:none;background:#1a1a1a;background:var(--card-bg);border:1px solid #333;border:1px solid var(--border-glow);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:16px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#0ff;border-color:var(--neon-blue);box-shadow:0 0 20px #00ffff4d;box-shadow:var(--shadow-neon);outline:none}.glitch{animation:glitch 2s ease-in-out infinite}.glitch:after,.glitch:before{opacity:.8}.glitch:before{animation:glitch 2s ease-in-out infinite reverse;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);color:#ff0080}.glitch:after{animation:glitch 2s ease-in-out infinite;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);color:#0ff}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.cyber-card{padding:1rem;padding:var(--spacing-md)}:root{--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}.btn{min-height:44px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}input,select,textarea{min-height:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.cyber-card:hover{transform:none}.cyber-card:before{display:none}.glitch{animation:glitch 3s ease-in-out infinite}.glitch:after,.glitch:before{opacity:.6}}@media (max-width:480px){.cyber-card{padding:.5rem;padding:var(--spacing-sm)}:root{--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.5rem}.btn,input,select,textarea{font-size:clamp(.9rem,4vw,1rem);min-height:48px}}@media (hover:none) and (pointer:coarse){.cyber-card:hover{transform:none}.cyber-card:active{transform:scale(.98)}.btn:hover{transform:none}.btn:active{transform:scale(.95)}.cyber-card:before{display:none}}@media (max-width:768px) and (orientation:landscape){.cyber-card{padding:.5rem;padding:var(--spacing-sm)}.btn,input,select,textarea{min-height:40px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.btn,.cyber-card,input,select,textarea{border-width:.5px}}@media (prefers-color-scheme:dark){:root{--dark-bg:#000;--darker-bg:#000;--card-bg:#0a0a0a}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.glitch{animation:none!important}.glitch:after,.glitch:before{display:none!important}}code{background:#050505;border:1px solid #00ff41;border-radius:4px;color:#00ff41;font-family:Orbitron,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.25rem .5rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid var(--neon-blue);box-shadow:0 0 20px #0ff3;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.navbar:before{animation:neonPulse 2s ease-in-out infinite;background:var(--cyber-gradient);content:"";height:1px;left:0;position:absolute;right:0;top:0}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg);position:relative}.nav-logo{color:var(--neon-blue);font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;letter-spacing:2px;position:relative;text-decoration:none;text-shadow:0 0 10px var(--neon-blue);text-transform:uppercase;transition:all .3s ease}.nav-logo:before{background:var(--neon-blue);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-logo:hover:before{width:100%}.nav-logo:hover{color:var(--neon-green);text-shadow:0 0 20px var(--neon-green);transform:scale(1.05)}.nav-menu{align-items:center;display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{transform:translateY(-2px)}.nav-link.active,.nav-link:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff4d;color:var(--neon-blue)}.nav-link.active{border:1px solid var(--neon-blue)}.nav-right{align-items:center;display:flex;gap:var(--spacing-md)}.menu-icon{border-radius:var(--radius-sm);cursor:pointer;display:none;flex-direction:column;padding:var(--spacing-sm);transition:all .3s ease}.menu-icon:hover{background:#00ffff1a}.menu-icon span{background:var(--neon-blue);border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.menu-icon.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.menu-icon.active span:nth-child(2){opacity:0}.menu-icon.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width:960px){.nav-container{padding:0 var(--spacing-md)}.nav-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0afa;border-top:1px solid var(--neon-blue);box-shadow:0 10px 20px #00000080;flex-direction:column;gap:var(--spacing-lg);left:-100%;padding:var(--spacing-xl) 0;position:fixed;text-align:center;top:70px;transition:.3s ease;width:100%}.nav-menu.active{left:0}.nav-item{padding:0 var(--spacing-lg);width:100%}.nav-link{border-radius:var(--radius-lg);display:block;font-size:1.1rem;margin:var(--spacing-sm) 0;padding:var(--spacing-md) var(--spacing-lg)}.nav-link:hover{transform:translateX(10px)}.menu-icon{display:flex}.nav-logo{font-size:1.3rem}}@media screen and (max-width:480px){.nav-container{height:60px;padding:0 var(--spacing-sm)}.nav-menu{top:60px}.nav-logo{font-size:1.1rem;letter-spacing:1px}.nav-link{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.menu-icon span{height:2px;width:20px}}.nav-item{animation:slideInFromTop .5s ease forwards;opacity:0;transform:translateY(-20px)}.nav-item:first-child{animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}@keyframes slideInFromTop{to{opacity:1;transform:translateY(0)}}@media screen and (min-width:961px){.nav-item:after{background:var(--neon-blue);bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-item:hover:after{width:100%}.nav-item:hover .nav-link{transform:translateY(-2px)}}.language-selector{display:inline-block;position:relative}.language-selector-button{align-items:center;background:#0000;border:1px solid var(--neon-blue);border-radius:var(--radius-md);color:var(--neon-blue);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);letter-spacing:1px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:uppercase;transition:all .3s ease}.language-selector-button:before{background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.language-selector-button:hover:before{left:100%}.language-selector-button:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.language-flag{border-radius:2px;height:15px;object-fit:cover;width:20px}.language-name{font-size:.8rem;font-weight:600}.dropdown-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--neon-blue);height:0;margin-left:var(--spacing-xs);transition:transform .3s ease;width:0}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--neon-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-neon);margin-top:var(--spacing-sm);min-width:150px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.language-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{align-items:center;border-bottom:1px solid #00ffff1a;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:.9rem;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease}.language-option:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.language-option:hover:before{left:100%}.language-option:hover{background:#00ffff1a;color:var(--neon-blue);transform:translateX(5px)}.language-option.active{background:#0ff3;border-left:3px solid var(--neon-blue);color:var(--neon-blue)}.language-option.active .language-flag{filter:brightness(1.2)}@media (max-width:768px){.language-selector-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.language-name{display:none}.language-dropdown{min-width:120px;right:-50%}}@media (max-width:480px){.language-selector-button{font-size:.7rem;padding:var(--spacing-xs)}.language-flag{height:13px;width:18px}.dropdown-arrow{border-left-width:4px;border-right-width:4px;border-top-width:4px}.language-dropdown{min-width:100px;right:-100%}.language-option{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (prefers-color-scheme:dark){.language-selector-button{border-color:var(--neon-blue);color:var(--neon-blue)}.language-selector-button:hover{background:#00ffff26}.language-dropdown{background:var(--card-bg);border-color:var(--neon-blue)}}.home-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-xl);position:relative}.hero-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) 0;position:relative;text-align:center}.hero-section:before{animation:neonPulse 4s ease-in-out infinite;background:radial-gradient(circle,#00ffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:200px}.hero-title{-webkit-text-fill-color:#0000;animation:neonPulse 3s ease-in-out infinite;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;margin-bottom:var(--spacing-lg);text-shadow:0 0 30px #ff008080}.hero-subtitle,.hero-title{position:relative;z-index:2}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.6;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:700px}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:var(--spacing-2xl) 0}.feature-card{background:var(--card-bg);border:1px solid var(--border-glow);border-radius:var(--radius-xl);cursor:pointer;display:block;overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:after{background:var(--cyber-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:after{transform:scaleX(1)}.feature-card:hover{border-color:var(--neon-blue);box-shadow:var(--shadow-neon);text-decoration:none;transform:translateY(-5px)}.feature-icon{color:var(--neon-blue);display:block;font-size:3.5rem;margin-bottom:var(--spacing-lg);text-shadow:0 0 20px var(--neon-blue);transition:all .3s ease}.feature-card:hover .feature-icon{color:var(--neon-green);text-shadow:0 0 30px var(--neon-green);transform:scale(1.1)}.feature-card h3{color:var(--neon-blue);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;letter-spacing:1px;margin-bottom:var(--spacing-md);text-transform:uppercase}.feature-card p{color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.feature-arrow{color:var(--neon-blue);font-size:1.5rem;opacity:0;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transform:translateX(-10px);transition:all .3s ease}.feature-card:hover .feature-arrow{color:var(--neon-green);opacity:1;transform:translateX(0)}.info-section{background:var(--card-bg);border:1px solid var(--border-glow);border-radius:var(--radius-xl);margin-top:var(--spacing-2xl);overflow:hidden;padding:var(--spacing-2xl);position:relative}.info-section:before{background:var(--accent-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.info-section h2{color:var(--neon-blue);font-size:clamp(2rem,4vw,3rem);letter-spacing:2px;margin-bottom:var(--spacing-lg);text-align:center;text-transform:uppercase}.info-section p{color:var(--text-secondary);font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.8;margin:0 auto var(--spacing-2xl) auto;max-width:900px;text-align:center}.tech-stack{margin-top:var(--spacing-xl);text-align:center}.tech-stack h3{color:var(--neon-green);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:1px;margin-bottom:var(--spacing-lg);text-transform:uppercase}.tech-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.tech-item{background:var(--accent-gradient);border:1px solid #0000;border-radius:25px;color:#fff;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;letter-spacing:1px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-transform:uppercase;transition:all .3s ease}.tech-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.tech-item:hover:before{left:100%}.tech-item:hover{border-color:var(--neon-pink);box-shadow:0 5px 15px #ff008066;transform:scale(1.05) translateY(-2px)}.cta-section{margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0;text-align:center}.cta-button{background:var(--accent-gradient);border:2px solid #0000;border-radius:var(--radius-lg);color:#fff;display:inline-block;font-family:Orbitron,monospace;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;letter-spacing:2px;overflow:hidden;padding:var(--spacing-md) var(--spacing-2xl);position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{border-color:var(--neon-pink);box-shadow:0 10px 30px #ff008080;text-decoration:none;transform:translateY(-3px)}.content-section{margin:var(--spacing-2xl) 0}.content-section h2{color:var(--neon-blue);letter-spacing:2px;margin-bottom:var(--spacing-xl);text-align:center;text-transform:uppercase}@media (max-width:1200px){.home-container{padding:var(--spacing-lg)}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.home-container{padding:var(--spacing-md)}.hero-section{padding:var(--spacing-xl) 0}.hero-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:clamp(1rem,4vw,1.2rem);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-sm)}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr;margin:var(--spacing-xl) 0}.feature-card{margin:0 var(--spacing-sm);padding:var(--spacing-lg)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:clamp(1.2rem,5vw,1.4rem)}.feature-card p{font-size:clamp(.9rem,3.5vw,1rem)}.info-section{margin:var(--spacing-xl) var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg)}.info-section h2{font-size:clamp(1.8rem,6vw,2.2rem)}.info-section p{font-size:clamp(.95rem,3.5vw,1.1rem);padding:0 var(--spacing-sm)}.tech-items{align-items:center;flex-direction:column;gap:var(--spacing-sm)}.tech-item{font-size:clamp(.8rem,3vw,.9rem);text-align:center;width:200px}.quick-actions{align-items:center;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-arrow{font-size:1.2rem;right:var(--spacing-sm);top:var(--spacing-sm)}.cta-section{margin-top:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-sm)}.cta-button{font-size:clamp(.9rem,3.5vw,1rem);max-width:300px;padding:var(--spacing-sm) var(--spacing-lg);width:100%}}@media (max-width:480px){.home-container{padding:var(--spacing-sm)}.hero-section{padding:var(--spacing-lg) 0}.hero-title{font-size:clamp(1.8rem,10vw,2.5rem);margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:clamp(.9rem,4.5vw,1.1rem);margin-bottom:var(--spacing-lg);padding:0}.feature-card{margin:0;padding:var(--spacing-md)}.feature-icon{font-size:2rem}.feature-card h3,.feature-icon{margin-bottom:var(--spacing-sm)}.feature-card h3{font-size:clamp(1.1rem,6vw,1.3rem)}.feature-card p{font-size:clamp(.85rem,4vw,.95rem)}.info-section{margin:var(--spacing-lg) 0;padding:var(--spacing-lg) var(--spacing-md)}.info-section h2{font-size:clamp(1.6rem,7vw,2rem)}.info-section p{font-size:clamp(.9rem,4vw,1rem);padding:0}.tech-item{font-size:clamp(.75rem,3.5vw,.85rem);max-width:250px;padding:var(--spacing-xs) var(--spacing-md);width:100%}.cta-button{font-size:clamp(.85rem,4vw,.95rem);padding:var(--spacing-sm) var(--spacing-lg)}.feature-arrow{font-size:1rem}.quick-actions{margin-top:var(--spacing-md)}}.feature-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.feature-card:hover{transform:none}.feature-card:active{transform:scale(.98)}.cta-button:hover{transform:none}.cta-button:active{transform:scale(.95)}.tech-item:hover{transform:none}.tech-item:active{transform:scale(.95)}}.blockchain-explorer{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.info-section{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.wallet-search{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.search-box{display:flex;gap:10px;margin-bottom:15px}.address-input{padding:8px}.search-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.search-button:disabled{background:#ccc;cursor:not-allowed}.error-message{color:#f44336;margin:10px 0}.wallet-info{background:#e8f5e9;border-radius:4px;margin-top:15px;padding:15px}.block-info,.network-info{margin-top:10px}h2,h3,h4{color:#333;margin-top:0}.example-address{color:#666;font-size:.9em;margin-bottom:10px;margin-top:5px}.wallet-connect{background:var(--card-bg);border:1px solid var(--border-glow);border-radius:var(--radius-xl);margin:var(--spacing-lg) 0;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.wallet-connect:before{background:var(--cyber-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.wallet-connect:hover:before{transform:scaleX(1)}.wallet-connect:hover{border-color:var(--neon-blue);box-shadow:var(--shadow-neon)}.wallet-connect .error-message{background:#ff00001a;border:1px solid red;border-radius:var(--radius-lg);color:red;font-weight:500;margin:var(--spacing-md) 0;padding:var(--spacing-md);text-align:center}.wallet-connect .retry-button{background:#0000;border:1px solid red;border-radius:var(--radius-md);color:red;cursor:pointer;font-family:Orbitron,monospace;font-size:.9rem;letter-spacing:1px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:all .3s ease}.wallet-connect .retry-button:hover{background:red;box-shadow:0 0 15px #ff000080;color:#fff}.connect-section{margin-bottom:var(--spacing-lg);text-align:center}.connect-button{background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-pink);color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:clamp(.9rem,2vw,1rem);font-weight:700;letter-spacing:2px;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all .3s ease}.connect-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.connect-button:hover:before{left:100%}.connect-button:hover:not(:disabled){box-shadow:0 0 30px #ff008080;transform:translateY(-2px)}.connect-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.connecting-indicator{align-items:center;color:var(--neon-blue);display:flex;font-weight:500;gap:var(--spacing-sm);justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-glow);border:2px solid var(--border-glow);border-radius:50%;border-top-color:var(--neon-blue);height:20px;width:20px}.connected-section{margin-top:var(--spacing-lg);text-align:center}.account-info{background:#00ffff1a;border:1px solid var(--neon-blue);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative}.account-info:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.account-info:hover:before{left:100%}.account-address{color:var(--neon-blue);font-family:Orbitron,monospace;font-size:clamp(.8rem,2vw,1rem);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px var(--neon-blue);word-break:break-all}.network-badge{background:var(--cyber-gradient);border-radius:20px;color:var(--dark-bg);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.network-switch{margin-top:var(--spacing-md)}.network-button{background:#0000;border:1px solid var(--neon-blue);border-radius:var(--radius-md);color:var(--neon-blue);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0 var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:all .3s ease}.network-button.active,.network-button:hover{background:var(--neon-blue);box-shadow:0 0 15px var(--neon-blue);color:var(--dark-bg)}.disconnect-button{background:#0000;border:1px solid red;border-radius:var(--radius-md);color:red;cursor:pointer;font-family:Orbitron,monospace;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease}.disconnect-button:hover{background:red;box-shadow:0 0 15px #ff000080;color:#fff}.metamask-warning{background:#ffc1071a;border:1px solid #ffc107;border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);text-align:center}.metamask-warning h3{color:#ffc107;font-size:1.1rem;margin-bottom:var(--spacing-md)}.metamask-warning p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.button-group{justify-content:center}.install-button{background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-block;font-family:Orbitron,monospace;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.install-button:hover{box-shadow:0 0 20px #ff008080;transform:translateY(-2px)}@media (max-width:768px){.wallet-connect{padding:var(--spacing-lg)}.account-info{padding:var(--spacing-md)}.network-switch{display:flex;flex-direction:column;gap:var(--spacing-sm)}.network-button{margin:0}.button-group{align-items:center;flex-direction:column}}@media (max-width:480px){.wallet-connect{padding:var(--spacing-md)}.connect-button{font-size:.8rem;padding:var(--spacing-sm) var(--spacing-lg)}.account-address{font-size:.7rem}.network-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}.feature-section h3{color:#333;margin-bottom:15px}.feature-section input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.feature-section button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.feature-section button:hover{background-color:#45a049}.loading{color:#666;margin:10px 0}.error{color:#f44;margin:10px 0}pre{background-color:#f5f5f5;border-radius:4px;padding:10px}.advanced-features{padding:20px}.features-nav{display:flex;gap:10px;margin-bottom:20px}.nav-button{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.nav-button.active{background-color:#4caf50;color:#fff}.instructions-container{background-color:#f9f9f9;border-radius:8px;padding:20px}.instruction-section{border:1px solid #eee;border-radius:4px;margin-bottom:20px;padding:15px}.instruction-section h4{color:#333;margin-bottom:10px}.instruction-section ol{padding-left:20px}.instruction-section li{line-height:1.4;margin-bottom:8px}.feature-section{border:1px solid #ddd;border-radius:8px;margin-bottom:30px;padding:20px}.feature-content{display:flex;flex-direction:column;gap:10px}.result-display{background-color:#f5f5f5;border-radius:4px;overflow-x:auto;padding:10px}.loading-indicator{color:#666;padding:10px;text-align:center}.error-message{background-color:#ffebee;color:#f44;padding:10px}.adds-on{background:var(--card-bg);border:1px solid var(--border-glow);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;overflow:hidden;padding:var(--spacing-xl);position:relative}.adds-on:before{background:var(--cyber-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.tabs{background:var(--darker-bg);border:1px solid var(--border-glow);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)}.tabs button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-weight:600;letter-spacing:1px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:uppercase;transition:all .3s ease}.tabs button:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.tabs button:hover:before{left:100%}.tabs button:hover{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.tabs button.active{background:var(--accent-gradient);box-shadow:var(--shadow-neon);color:#fff;text-shadow:0 0 10px #ffffff80}.content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.section{background:var(--darker-bg);border:1px solid var(--border-glow);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative}.section:before{background:var(--neon-blue);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.section h3{color:var(--neon-blue);font-family:Orbitron,monospace;font-size:clamp(1.2rem,3vw,1.5rem);letter-spacing:2px;margin-bottom:var(--spacing-lg);text-shadow:0 0 10px var(--neon-blue);text-transform:uppercase}.section input{background:var(--card-bg);border:2px solid var(--border-glow);border-radius:var(--radius-md);color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:clamp(.9rem,2.5vw,1rem);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all .3s ease;width:100%}.section input:focus{border-color:var(--neon-blue);box-shadow:0 0 15px #00ffff4d;outline:none}.section input::placeholder{color:var(--text-muted);opacity:.7}.button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.button-group button,.section button{background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-weight:600;letter-spacing:1px;min-height:44px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-transform:uppercase;transition:all .3s ease}.button-group button:before,.section button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.button-group button:hover:before,.section button:hover:before{left:100%}.button-group button:hover,.section button:hover{box-shadow:0 0 20px #ff008080;transform:translateY(-2px)}.button-group button:active,.section button:active{transform:translateY(0)}pre{background:var(--darker-bg);border:1px solid var(--border-glow);border-radius:var(--radius-md);box-shadow:inset 0 0 10px #00ff411a;color:var(--neon-green);font-family:Orbitron,monospace;font-size:clamp(.8rem,2vw,.9rem);line-height:1.5;margin-top:var(--spacing-md);overflow-x:auto;padding:var(--spacing-lg)}.loading{color:var(--neon-blue);font-family:Orbitron,monospace;font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:1px;text-transform:uppercase}.error,.loading{margin:var(--spacing-md) 0;text-align:center}.error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:var(--radius-md);color:#ff6b6b;font-weight:500;padding:var(--spacing-md)}.instructions-section{background:var(--darker-bg);border-radius:var(--radius-lg);border-top:1px solid var(--border-glow);margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.instructions-section h3{color:var(--neon-green);font-family:Orbitron,monospace;font-size:clamp(1.3rem,3.5vw,1.6rem);letter-spacing:2px;margin-bottom:var(--spacing-lg);text-align:center;text-shadow:0 0 10px var(--neon-green);text-transform:uppercase}.instructions-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.current-tab-instructions{background:var(--card-bg);border:1px solid var(--border-glow);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative}.current-tab-instructions:before{background:var(--neon-green);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.current-tab-instructions h4{color:var(--neon-green);font-family:Orbitron,monospace;font-size:clamp(1.1rem,3vw,1.3rem);letter-spacing:1px;margin-bottom:var(--spacing-md);text-shadow:0 0 8px var(--neon-green);text-transform:uppercase}.current-tab-instructions ul{list-style-type:none;margin-bottom:var(--spacing-md);padding:0}.current-tab-instructions li{color:var(--text-primary);font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.current-tab-instructions li:before{color:var(--neon-green);content:"▶";font-size:.8em;left:0;position:absolute;text-shadow:0 0 5px var(--neon-green)}.example{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.example span{color:var(--neon-blue);font-weight:700;letter-spacing:1px;margin-right:var(--spacing-sm);text-transform:uppercase}.example span,code{font-family:Orbitron,monospace}code{background:var(--darker-bg);border:1px solid var(--neon-green);border-radius:var(--radius-sm);box-shadow:0 0 5px #00ff414d;color:var(--neon-green);font-size:clamp(.8rem,2vw,.9rem);padding:var(--spacing-xs) var(--spacing-sm);word-break:break-all}.tips{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.tips h4{color:#ffc107;font-family:Orbitron,monospace;font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:1px;margin-bottom:var(--spacing-md);text-shadow:0 0 8px #ffc107;text-transform:uppercase}.tips ul{list-style-type:none;padding:0}.tips li{color:var(--text-primary);font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.tips li:before{content:"💡";font-size:1.2em;left:0;position:absolute}@media (max-width:768px){.adds-on{margin:var(--spacing-sm);padding:var(--spacing-md)}.tabs{flex-direction:column;gap:var(--spacing-xs)}.tabs button{font-size:clamp(.8rem,3vw,.9rem);padding:var(--spacing-sm)}.section{padding:var(--spacing-md)}.section h3{font-size:clamp(1.1rem,4vw,1.3rem)}.button-group{flex-direction:column;gap:var(--spacing-sm)}.button-group button,.section button{font-size:clamp(.8rem,3vw,.9rem);padding:var(--spacing-sm);width:100%}.instructions-section{padding:var(--spacing-md)}.instructions-section h3{font-size:clamp(1.2rem,4vw,1.4rem)}.current-tab-instructions{padding:var(--spacing-md)}.current-tab-instructions h4{font-size:clamp(1rem,3.5vw,1.2rem)}.current-tab-instructions li,.tips li{font-size:clamp(.85rem,3vw,.95rem);padding-left:var(--spacing-md)}.example{padding:var(--spacing-sm)}code{padding:var(--spacing-xs)}code,pre{font-size:clamp(.75rem,2.5vw,.85rem)}pre{padding:var(--spacing-md)}}@media (max-width:480px){.adds-on{margin:var(--spacing-xs)}.adds-on,.current-tab-instructions,.instructions-section,.section,.tips{padding:var(--spacing-sm)}}@media (hover:none) and (pointer:coarse){.tabs button:hover{transform:none}.tabs button:active{transform:scale(.98)}.button-group button:hover,.section button:hover{transform:none}.button-group button:active,.section button:active{transform:scale(.98)}}.faucet-container{background:#fff;border-radius:8.5px;box-shadow:0 2.5px 4px #0000001a;padding:20px}.input-section{gap:10px;margin-bottom:20px}.address-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.check-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.check-button:hover{background:#45a049}.check-button:disabled{background:#ccc;cursor:not-allowed}.balance-info{background:#e8f5e9;border-radius:4px;margin:20px 0;padding:15px}.monitoring-status{color:#666;margin:10px 0}.faucet-links{margin-top:30px}.faucet-list{grid-gap:20px;display:grid;gap:20px;margin-top:15px}.faucet-item{background:#f5f5f5;border-radius:4px;padding:15px}.faucet-item h4{color:#333;margin:0 0 10px}.faucet-item a{color:#4caf50;text-decoration:none;word-break:break-all}.faucet-item a:hover{text-decoration:underline}.faucet-item p{color:#666;margin:5px 0}.App{background:var(--dark-bg);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.App:before{background:radial-gradient(circle at 20% 80%,#ff00801a 0,#0000 50%),radial-gradient(circle at 80% 20%,#00ffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#00ff410d 0,#0000 50%);height:100%;z-index:-1}.App:after,.App:before{content:"";left:0;pointer-events:none;position:fixed;top:0;width:100%}.App:after{animation:scanline 8s linear infinite;background:linear-gradient(90deg,#0000,var(--neon-blue),#0000);height:2px;opacity:.3;z-index:1}.container{flex:1 1;margin:0 auto;max-width:1400px;padding:var(--spacing-xl);position:relative;width:100%;z-index:2}.main-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);margin-top:var(--spacing-lg)}.page-header{margin-bottom:var(--spacing-2xl);position:relative;text-align:center}.page-header:before{background:linear-gradient(90deg,#0000,var(--neon-blue),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:-1}.page-title{animation:neonPulse 3s ease-in-out infinite;background:var(--card-bg);border:1px solid var(--neon-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-neon);display:inline-block;padding:var(--spacing-md) var(--spacing-xl)}.content-section{background:var(--card-bg);border:1px solid var(--border-glow);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.content-section:before{background:var(--cyber-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.content-section:hover{border-color:var(--neon-blue);box-shadow:var(--shadow-neon)}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:var(--spacing-xl) 0}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--spacing-lg) 0}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.cyber-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-glow);border:3px solid var(--border-glow);border-radius:50%;border-top-color:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{background:#ff00001a;border:1px solid red;border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);text-align:center}.error-container h3{color:red;margin-bottom:var(--spacing-md)}.success-container{background:#00ff411a;border:1px solid var(--neon-green);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);text-align:center}.success-container h3{color:var(--neon-green);margin-bottom:var(--spacing-md)}@media (max-width:1200px){.container{max-width:100%;padding:var(--spacing-lg)}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.container{padding:var(--spacing-md)}.main-content{gap:var(--spacing-xl);margin-top:var(--spacing-md)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:clamp(1.5rem,4vw,2rem);padding:var(--spacing-sm) var(--spacing-lg)}.content-section{border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr;margin:var(--spacing-lg) 0}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.loading-container{min-height:150px}.cyber-spinner{height:40px;width:40px}.error-container,.success-container{margin:var(--spacing-md) 0;padding:var(--spacing-md)}.error-container h3,.success-container h3{font-size:clamp(1rem,4vw,1.2rem)}}@media (max-width:480px){.container{padding:var(--spacing-sm)}.main-content{gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:clamp(1.3rem,5vw,1.8rem);padding:var(--spacing-xs) var(--spacing-md)}.content-section{border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.features-grid{gap:var(--spacing-md);margin:var(--spacing-md) 0}.stats-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.loading-container{min-height:120px}.cyber-spinner{border-width:2px;height:35px;width:35px}.error-container,.success-container{border-radius:var(--radius-md);margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.error-container h3,.success-container h3{font-size:clamp(.9rem,4.5vw,1.1rem);margin-bottom:var(--spacing-sm)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.glitch{animation:glitch .3s ease-in-out infinite;position:relative}.glitch:after,.glitch:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch:before{animation:glitch .3s ease-in-out infinite reverse;color:var(--neon-pink);z-index:-1}.glitch:after{animation:glitch .3s ease-in-out infinite;color:var(--neon-blue);z-index:-2}@media (hover:none) and (pointer:coarse){.content-section:hover{transform:none}.content-section:active{transform:scale(.99)}.page-title:hover{transform:none}.page-title:active{transform:scale(.98)}}@media (max-width:768px) and (orientation:landscape){.container{padding:var(--spacing-sm)}.main-content{gap:var(--spacing-md)}.content-section,.page-header{margin-bottom:var(--spacing-md)}.content-section{padding:var(--spacing-md)}.features-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cyber-spinner{border-width:2px}.content-section:before,.page-header:before{height:1px}}.blockchain-game{background:var(--card-bg);border:1px solid var(--border-glow);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;overflow:hidden;padding:2rem;position:relative}.blockchain-game:before{background:var(--cyber-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.game-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;text-align:center}.wallet-section{background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;margin-bottom:2rem;padding:1rem}.error-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:4px;color:red;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center}.contract-info{background:#00ffff1a;border:1px solid var(--neon-blue);border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:center}.contract-info h4{color:var(--neon-blue);font-size:1.1rem;margin-bottom:.5rem}.warning{color:#ff9800;font-size:.9rem;margin:0}.game-container{margin-top:2rem}.input-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.number-input{background:var(--card-bg);border:2px solid var(--border-glow);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Orbitron,monospace;font-size:1rem;padding:.75rem;transition:all .3s ease}.number-input:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #00ffff4d;outline:none}.number-input:disabled{background:#0000004d;cursor:not-allowed;opacity:.6}.play-button{background:var(--accent-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:1rem;font-weight:600;letter-spacing:1px;min-width:120px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.play-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.play-button:hover:before{left:100%}.play-button:hover:not(:disabled){box-shadow:0 0 20px #ff008080;transform:translateY(-2px)}.play-button:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.result{border:1px solid;border-radius:8px;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.result.won{background:#00ff411a;border-color:var(--neon-green);box-shadow:0 0 15px #00ff414d;color:var(--neon-green)}.result.lost{background:#ff00001a;border-color:red;box-shadow:0 0 15px #ff00004d;color:red}.game-history{background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.game-history h4{color:var(--neon-blue);font-size:1.1rem;margin-bottom:1rem;text-align:center}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{align-items:center;border:1px solid #0000;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem}.history-item.won{background:#00ff411a;border-color:#00ff414d;color:var(--neon-green)}.history-item.lost{background:#ff00001a;border-color:#ff00004d;color:red}.history-item span{flex:1 1;text-align:center}.game-rules{background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;padding:1.5rem}.game-rules h4{color:var(--neon-blue);font-size:1.1rem;margin-bottom:1rem;text-align:center}.game-rules ul{margin:0;padding-left:1.5rem}.game-rules li{color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}@media (max-width:768px){.blockchain-game{border-radius:8px;margin:1rem;padding:1.5rem}.game-description{font-size:clamp(.9rem,3.5vw,1rem);margin-bottom:1.5rem}.wallet-section{margin-bottom:1.5rem;padding:.75rem}.contract-info{margin-bottom:1rem;padding:.75rem}.contract-info h4{font-size:clamp(1rem,4vw,1.1rem)}.warning{font-size:clamp(.8rem,3vw,.9rem)}.input-section{flex-direction:column;gap:.75rem;margin-bottom:1rem}.number-input,.play-button{font-size:clamp(.9rem,4vw,1rem);padding:.75rem;width:100%}.play-button{min-width:auto}.result{font-size:clamp(1rem,4vw,1.1rem)}.game-history,.result{margin-bottom:1rem;padding:.75rem}.game-history h4{font-size:clamp(1rem,4vw,1.1rem);margin-bottom:.75rem}.history-list{gap:.4rem}.history-item{flex-direction:column;gap:.25rem;padding:.4rem;text-align:center}.history-item span{font-size:clamp(.8rem,3.5vw,.9rem)}.game-rules{padding:1rem}.game-rules h4{font-size:clamp(1rem,4vw,1.1rem);margin-bottom:.75rem}.game-rules li{font-size:clamp(.85rem,3.5vw,.95rem);margin-bottom:.4rem}}@media (max-width:480px){.blockchain-game{border-radius:6px;margin:.5rem;padding:1rem}.game-description{font-size:clamp(.85rem,4vw,.95rem);margin-bottom:1rem}.wallet-section{margin-bottom:1rem;padding:.5rem}.contract-info{margin-bottom:.75rem;padding:.5rem}.contract-info h4{font-size:clamp(.9rem,4.5vw,1rem)}.warning{font-size:clamp(.75rem,3.5vw,.85rem)}.input-section{gap:.5rem;margin-bottom:.75rem}.number-input,.play-button{font-size:clamp(.85rem,4.5vw,.95rem);padding:.6rem}.result{font-size:clamp(.9rem,4.5vw,1rem);margin-bottom:.75rem;padding:.6rem}.game-history{margin-bottom:.75rem;padding:.5rem}.game-history h4{font-size:clamp(.9rem,4.5vw,1rem);margin-bottom:.5rem}.history-item{gap:.2rem;padding:.3rem}.history-item span{font-size:clamp(.75rem,4vw,.85rem)}.game-rules{padding:.75rem}.game-rules h4{font-size:clamp(.9rem,4.5vw,1rem);margin-bottom:.5rem}.game-rules li{font-size:clamp(.8rem,4vw,.9rem);margin-bottom:.3rem}}@media (max-width:768px) and (orientation:landscape){.blockchain-game{margin:.5rem;padding:1rem}.input-section{flex-direction:row;gap:.5rem}.number-input{flex:1 1}.play-button{min-width:120px;width:auto}.game-history{max-height:150px;overflow-y:auto}}@media (hover:none) and (pointer:coarse){.play-button:hover{transform:none}.play-button:active{transform:scale(.98)}.number-input:focus{box-shadow:0 0 5px #00ffff4d}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.blockchain-game:before{height:1px}.number-input,.play-button{border-width:1px}}
/*# sourceMappingURL=main.1f3e9f97.css.map*/