:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--text-primary:#ffffff;--text-secondary:#b8b8b8;--text-tertiary:#888888;--accent-primary:#ffd93d;--accent-secondary:#6bcb77;--accent-tertiary:#ff6b6b;--accent-purple:#764ba2;--accent-blue:#667eea;--accent-cyan:#00ffff;--accent-magenta:#ff00ff;--accent-green:#6bcb77;--accent-red:#ff6b6b;--accent-yellow:#ffd93d;--border:rgba(255,217,61,0.3);--border-hover:#ffd93d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-mono:"Courier New",Courier,monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1);--z-base:1;--z-overlay:10;--z-modal:100;--z-max:1000}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated}::selection{background:var(--accent-primary);color:var(--bg-primary)}::-moz-selection{background:var(--accent-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-yellow)}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--accent-yellow);text-shadow:0 0 8px currentColor}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition-base)}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:var(--transition-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(255,217,61,.1)}.pixel-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.glow{text-shadow:0 0 10px currentColor}.retro-border{border:3px solid var(--accent-primary);box-shadow:4px 4px 0 rgba(0,0,0,.5),inset 0 0 10px rgba(255,217,61,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a2e;--text-primary:#ffffff;--text-secondary:#b8b8b8}}@media (max-width:768px){:root{--text-3xl:36px;--text-2xl:28px;--text-xl:20px}}@media (max-width:480px){:root{--text-3xl:28px;--text-2xl:24px;--text-xl:18px;--text-lg:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}