:root{--color-bg-app: #0f0f11;--color-bg-surface: #18181b;--color-bg-surface-hover: #27272a;--color-primary: #FFC107;--color-primary-hover: #FFB300;--color-text-main: #f4f4f5;--color-text-muted: #a1a1aa;--color-border: #27272a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{background-color:var(--color-bg-app);color:var(--color-text-main);font-family:Outfit,sans-serif;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit;text-decoration:none}.btn.btn-primary{background:var(--color-primary);color:var(--color-bg-surface)}.btn.btn-primary:hover{background:var(--color-primary-hover)}.btn.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn.btn-ghost:hover{color:var(--color-text-main);background:var(--color-bg-surface-hover)}input,textarea,select{width:100%;padding:.75rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main);font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}label{display:block;font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}