@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto:wght@400;500;700&display=swap";:root{--color-bg-primary: #0c0c14;--color-bg-secondary: #1a1a2e;--color-primary: #ff00ff;--color-secondary: #00ffff;--color-accent: #ffff00;--color-success: #00ff00;--color-warning: #ffa500;--color-danger: #ff0000;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #999999;--color-border: #333344;--font-heading: "Press Start 2P", cursive;--font-body: "Roboto", sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--shadow-neon: 0 0 5px rgba(255, 0, 255, .7), 0 0 10px rgba(255, 0, 255, .5), 0 0 15px rgba(255, 0, 255, .3);--shadow-cyan: 0 0 5px rgba(0, 255, 255, .7), 0 0 10px rgba(0, 255, 255, .5), 0 0 15px rgba(0, 255, 255, .3);--shadow-yellow: 0 0 5px rgba(255, 255, 0, .7), 0 0 10px rgba(255, 255, 0, .5), 0 0 15px rgba(255, 255, 0, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-btn-sm: .75rem;--font-size-btn: .875rem;--font-size-btn-lg: 1rem;--line-height-heading: 1.2;--line-height-body: 1.5}*{margin:0;padding:0;box-sizing:border-box}#root{overflow:hidden}body{font-family:var(--font-body);line-height:var(--line-height-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-heading);margin-bottom:var(--space-2);letter-spacing:1px}h1{font-size:var(--font-size-3xl);margin-top:var(--space-3)}h2{font-size:var(--font-size-2xl);margin-top:var(--space-2)}h3{font-size:var(--font-size-xl);margin-top:var(--space-2)}h4{font-size:var(--font-size-lg);margin-top:var(--space-2)}p{margin-bottom:var(--space-2)}a{color:var(--color-secondary);text-decoration:none;transition:var(--transition-fast)}a:hover{text-shadow:var(--shadow-cyan)}button{font-family:var(--font-heading);font-size:var(--font-size-btn);padding:var(--space-1) var(--space-2);background-color:var(--color-bg-secondary);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal)}button:hover{background-color:var(--color-primary);color:var(--color-bg-primary);box-shadow:var(--shadow-neon)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);font-size:1rem;padding:var(--space-1);background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;margin-bottom:var(--space-2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:var(--shadow-cyan)}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-2)}@keyframes neon-pulse{0%{box-shadow:0 0 5px #ff00ffb3,0 0 10px #ff00ff80}50%{box-shadow:0 0 10px #ff00ffe6,0 0 20px #ff00ffb3,0 0 30px #ff00ff80}to{box-shadow:0 0 5px #ff00ffb3,0 0 10px #ff00ff80}}.neon-text{color:var(--color-primary);text-shadow:var(--shadow-neon)}.cyan-text{color:var(--color-secondary);text-shadow:var(--shadow-cyan)}@media (max-width: 480px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}button{font-size:var(--font-size-btn-sm)}}