.form-grid{background:#f9fafb;place-items:center;height:420px;margin:auto;display:grid}.login-form{background:#fff;border-radius:8px;gap:1rem;width:300px;padding:2rem;display:grid;box-shadow:0 4px 12px #0000001a}.form-title{text-align:center;color:#0d6dfd;margin:10px 0;font-size:24px;font-weight:500}.form-desc{color:#ccc;margin:8px 0;font-size:14px}.form-field-grid{margin:24px 0}.form-field{gap:10px;display:grid}.input-field{border:1px solid #4267b2;border-radius:4px;width:360px;padding:8px;transition:border-color .3s}.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.75rem;font-weight:700;transition:background .2s}.button:hover{background:#1e40af}.error-msg{color:#ba1a1a;margin-top:8px;font-family:Roboto;font-size:14px}