:root{--primary: #37ca37;--secondary: #188bf6;--white: #ffffff;--black: #000000;--dark-bg: #0a0a0a;--card-bg: #111111;--neon-gold: #ffd700;--neon-gold-light: #ffed4e;--neon-blue: #00ccff;--neon-green: #00ff88}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--dark-bg);color:var(--white);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh}.app-header{padding:2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#000c,#0000);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,215,0,.1)}.neon-text{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:900;color:#fc0;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 1px #000000,0 0 3px #ffd700,0 0 8px #ffd700,0 0 15px #ffd700,0 0 25px #ffed4e;animation:golden-flicker 3s infinite alternate;filter:drop-shadow(0 0 2px rgba(0,0,0,.9));margin:0}.app-subtitle{font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:2px;margin:8px 0 0;text-shadow:0 0 1px rgba(0,0,0,.8),0 0 5px rgba(255,215,0,.3);animation:subtle-glow 4s ease-in-out infinite alternate}@keyframes golden-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1;text-shadow:0 0 1px #000000,0 0 3px #ffd700,0 0 8px #ffd700,0 0 15px #ffd700,0 0 25px #ffed4e;color:#fc0}20%,24%,55%{opacity:.95;text-shadow:0 0 1px #000000,0 0 2px #ffd700,0 0 5px #ffed4e;color:gold}}@keyframes subtle-glow{0%{opacity:.9;text-shadow:0 0 1px rgba(0,0,0,.8),0 0 5px rgba(255,215,0,.3)}to{opacity:1;text-shadow:0 0 1px rgba(0,0,0,.8),0 0 8px rgba(255,215,0,.5)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--neon-gold),var(--neon-blue));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--neon-blue),var(--neon-green))}@media (max-width: 768px){.app-header{flex-direction:column;gap:8px;padding:.8rem 1rem;text-align:center;background:linear-gradient(180deg,#000000fa,#000000f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(255,215,0,.3);box-shadow:0 4px 20px #00000080}.app-header>div:first-child{order:1}.app-header .MuiBox-root{order:2;flex-direction:row;width:100%;gap:6px!important;justify-content:center;flex-wrap:wrap}.app-header .MuiBox-root .MuiButton-root{flex:1;min-width:120px!important;max-width:140px!important;padding:8px 12px!important;font-size:.75rem!important;border-radius:6px!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(255,215,0,.3)!important}.neon-text{font-size:1.6rem;letter-spacing:1px}.app-subtitle{font-size:.65rem;letter-spacing:.5px;margin-top:2px}.features{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px}}@media (max-width: 480px){.app-header{padding:.6rem .8rem;gap:6px;background:#000000fa}.neon-text{font-size:1.4rem;letter-spacing:.5px}.app-subtitle{font-size:.6rem;letter-spacing:.3px}.app-header .MuiBox-root{gap:4px!important}.app-header .MuiBox-root .MuiButton-root{min-width:100px!important;max-width:120px!important;padding:6px 10px!important;font-size:.7rem!important}}
