.login-body{background:radial-gradient(circle at 12% 10%,#d9f5fb 0,transparent 28%),radial-gradient(circle at 88% 90%,#e2f0fa 0,transparent 30%),#f3f8fb}.login-card{border:1px solid #d4e2ec;box-shadow:0 24px 70px rgba(7,63,98,.16);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#073f62,#018ab8,#36b8d8)}.login-brand{display:flex;align-items:baseline;gap:6px;color:#073f62;font-weight:800;letter-spacing:-.04em;font-size:25px}.login-brand span{color:#073f62}.login-brand b{color:#018ab8}.login-brand small{margin-left:8px;color:#5b7284;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.login-card h1{color:#073f62}.login-card p{color:#526d80}.login-card input{border-color:#b7cad7;background:#fff}.login-card input:focus{border-color:#018ab8;box-shadow:0 0 0 3px rgba(1,138,184,.14);outline:0}.login-card .primary{background:linear-gradient(90deg,#018ab8,#029bc5);min-height:48px;box-shadow:0 8px 18px rgba(1,138,184,.22)}.login-card .primary:hover{background:#073f62;box-shadow:0 10px 22px rgba(7,63,98,.22)}.login-card .password-group{display:grid;gap:0}.login-card .password-field{margin-top:6px}@media(max-width:480px){.login-card{padding:28px 24px}.login-brand small{display:none}}