body{background:#f9f9f7;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:1rem;font-family:sans-serif;display:flex}.login-wrap{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.logo{color:#1a1a1a;margin-bottom:8px;font-size:32px;font-weight:500}.logo span{color:#1d9e75}.tagline{color:#888;font-size:14px}.login-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:2rem}.login-title{color:#1a1a1a;margin-bottom:1.5rem;font-size:18px;font-weight:500}.field{flex-direction:column;gap:6px;margin-bottom:1.25rem;display:flex}.field label{color:#444;font-size:13px;font-weight:500}.field input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.field input:focus{border-color:#1d9e75}.error-msg{color:#e24b4a;min-height:18px;margin-bottom:1rem;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:#1d9e75;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:500;transition:background .15s}.login-btn:hover{background:#0f6e56}.login-btn:active{transform:scale(.98)}.recaptcha-note{color:#bbb;text-align:center;margin-top:1rem;font-size:11px}@media (width<=480px){.login-card{padding:1.5rem}.logo{font-size:28px}}