:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#f4f8f6;color:#103b36}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,rgba(141,219,190,.3),transparent 32%),radial-gradient(circle at 90% 90%,rgba(20,131,117,.14),transparent 34%),#f4f8f6}.login-card{width:min(100%,440px);padding:40px;border:1px solid rgba(16,59,54,.12);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(16,59,54,.12)}.login-brand{margin:0 0 34px;color:#087f70;font-size:28px;font-weight:800;letter-spacing:-.04em}.login-card h1{margin:0 0 8px;font-size:30px;line-height:1.15;letter-spacing:-.03em}.login-card p{margin:0 0 28px;color:#58716d;font-size:15px;line-height:1.5}.login-field,.login-form{display:grid}.login-form{gap:18px}.login-field{gap:7px}.login-field span{font-size:14px;font-weight:700}.login-field input{width:100%;min-height:48px;padding:0 14px;border:1px solid #cbd9d6;border-radius:10px;background:#fff;color:#103b36;outline:none}.login-field input:focus{border-color:#087f70;box-shadow:0 0 0 3px rgba(8,127,112,.12)}.login-button{min-height:50px;border:0;border-radius:10px;background:#087f70;color:#fff;font-weight:800;cursor:pointer}.login-button:hover{background:#066d60}.login-button:disabled{cursor:wait;opacity:.65}.login-error{padding:11px 13px;border-radius:9px;background:#fff0f0;color:#a4262c!important;font-size:14px!important;margin:0!important}.login-status{text-align:center;color:#58716d}@media (max-width:520px){.login-page{padding:16px}.login-card{padding:30px 22px;border-radius:18px}}