:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #f1c40f;--accent-hover: #d4ac0d;--danger-color: #e74c3c;--success-color: #2ecc71;--border-radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--font-base: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;font-family:var(--font-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}.container{max-width:100%;margin:0 auto;padding:1rem 2rem;width:100%}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:500;transition:all .2s;gap:.5rem}.btn-primary{background-color:var(--accent-color);color:#121212}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:#3d3d3d}.btn-danger{background-color:var(--danger-color);color:#fff}.input{background-color:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.75rem;border-radius:var(--border-radius);width:100%;box-sizing:border-box}.input:focus{outline:2px solid var(--accent-color);border-color:transparent}h1,h2,h3,h4{margin-top:0}