*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f3f4f6;color:#1f2937}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:#fff;border-radius:12px;padding:32px 24px;width:100%;max-width:380px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card h1{font-size:22px;margin:0 0 24px;text-align:center;color:#111827}.field{margin-bottom:16px}.field label{display:block;font-size:14px;margin-bottom:6px;color:#374151}.field input{border:1px solid #d1d5db;border-radius:8px}.btn-primary,.field input{width:100%;padding:12px;font-size:16px}.btn-primary{border:none;border-radius:8px;background:#16a34a;color:#fff;font-weight:600;cursor:pointer;margin-top:8px}.btn-primary:disabled{opacity:.6}.error-msg{background:#fef2f2;color:#b91c1c;padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:16px}.container{width:100%;max-width:480px;margin:0 auto}@media (min-width:700px){.container{max-width:700px}.card{padding:40px}}@media (min-width:1000px){.container{max-width:880px}}@media (min-width:700px){.page-center .card{max-width:440px}.container>a.btn-primary,.container>button.btn-primary{max-width:320px}}