@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Outfit', sans-serif; background: #fff; color: #111827; -webkit-font-smoothing: antialiased; }
body.dark { background: #030712; color: #f3f4f6; }

.form-input { width:100%; padding:10px 16px; border-radius:12px; border:1px solid #d1d5db; background:#fff; color:#111827; font-size:14px; outline:none; transition:all .2s; font-family:'Outfit',sans-serif; }
.form-input:focus { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,0.15); }
.form-label { display:block; font-size:14px; font-weight:600; color:#374151; margin-bottom:6px; }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 20px; background:#2563eb; color:#fff; border:none; border-radius:12px; font-weight:600; font-size:15px; cursor:pointer; transition:all .2s; font-family:'Outfit',sans-serif; width:100%; }
.btn-primary:hover { background:#1d4ed8; transform:translateY(-1px); }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:24px; }