*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#dff8f4 0,#fff5dc 300px,#f6fbf8 100%);font-family:"Segoe UI",Arial,sans-serif;color:#183234}.login-card{width:min(420px,calc(100vw - 28px));background:#fff;border:1px solid #c8e3df;border-radius:10px;box-shadow:0 16px 38px rgba(20,83,91,.14);padding:24px}.logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(145deg,#006d77 0%,#1fb7b6 46%,#ffd166 47%,#ff9f5a 100%);display:grid;place-items:center;font-weight:900;margin-bottom:14px}.login-card h1{margin:0 0 5px;font-size:22px}.login-card p{margin:0 0 18px;color:#607173}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:12px;font-weight:900;text-transform:uppercase;color:#607173}.field input{min-height:44px;border:1px solid #c8e3df;border-radius:8px;padding:10px 12px;font:inherit}.btn{width:100%;min-height:44px;border:0;border-radius:8px;background:#007f8d;color:#fff;font-weight:900;font:inherit;cursor:pointer}.error{border:1px solid #f4b4a7;background:#fff0eb;color:#a9252d;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:14px}.hint{font-size:12px;color:#607173;margin-top:14px;line-height:1.35}