:root{--bg-color: #0f172a;--text-color: #f8fafc;--primary-color: #3b82f6;--secondary-color: #1e293b;--accent-color: #60a5fa;--danger-color: #ef4444;--success-color: #22c55e;--font-family: "Inter", sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:var(--primary-color);text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background-color:var(--secondary-color);border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;border:none;transition:background-color .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2563eb}.input{width:100%;padding:.5rem;border-radius:.375rem;border:1px solid #475569;background-color:#334155;color:#fff;margin-bottom:1rem}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}