:root{--primary:#2563eb;--primary-hover:#1d4ed8;--background:#f8fafc;--surface:#fff;--text:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--radius:.5rem}body{background-color:var(--background);color:var(--text);margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:0 1px 3px #0000001a}.btn{border-radius:var(--radius);cursor:pointer;background-color:var(--primary);color:#fff;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:background-color .2s;display:inline-flex}.btn:hover{background-color:var(--primary-hover)}.input{border-radius:var(--radius);border:1px solid var(--border);width:100%;margin-bottom:1rem;padding:.5rem;display:block}.title{color:var(--text);margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}