*{margin:0;padding:0;box-sizing:border-box}:root{--c-bg-1: #0D0D0D;--c-bg-2: #0D0D0D;--c-surface: #0D0D0D;--c-surface-2: #1a1a1a;--c-accent: #00FF88;--c-text: #E6E6E6;--c-muted: rgba(230, 230, 230, .7);--bg-primary: var(--c-bg-1);--bg-secondary: var(--c-bg-2);--bg-tertiary: var(--c-surface);--text-primary: var(--c-text);--text-secondary: var(--c-muted);--text-muted: var(--c-accent);--border-color: var(--c-accent);--border-hover: var(--c-accent);--primary-gradient: linear-gradient(135deg, var(--c-bg-1) 0%, var(--c-surface-2) 100%);--primary-hover: linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent) 100%);--accent-gradient: var(--c-accent);--accent-hover: var(--c-accent);--bg-gradient: var(--c-bg-1);--card-gradient: var(--c-bg-1);--button-gradient: var(--c-bg-1);--button-hover: var(--c-accent);--error-color: #dc3545;--success-color: var(--c-accent);--warning-bg: rgba(0, 255, 136, .15);--warning-border: var(--c-accent);--warning-text: var(--c-text);--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5);--light-gray: var(--c-text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--c-text);background:var(--c-bg-1);margin:0;padding:0;min-height:100vh}html,body{height:100%}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}button,.btn{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid var(--c-accent);background:var(--c-bg-1);color:var(--c-accent);font-weight:500}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--c-accent);color:var(--c-bg-1);transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0)}input,textarea,select{transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px #00ff881a}.card{background:var(--card-gradient);border:1px solid var(--c-accent);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f83;border-color:var(--c-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--c-accent);box-shadow:0 0 4px #00ff8880}@media (max-width: 768px){.container{padding:0 15px}}