.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 15%,#fff0a8 0,transparent 33%),#b6bdc7}.login-card{width:min(460px,100%);padding:38px;border-radius:34px;background:#fffdf3;box-shadow:0 35px 80px #29303b30}.login-heading{margin:65px 0 30px}.login-heading>span{font-size:9px;font-weight:850;letter-spacing:.16em;color:#938e80}.login-heading h1{margin:9px 0 12px;font-size:42px;font-weight:500;letter-spacing:-.055em}.login-heading p{margin:0;color:#77736b;font-size:12px;line-height:1.7}.login-card form label{display:block;margin:17px 0 7px;color:#4c4942;font-size:11px;font-weight:750}.login-card form select,.login-card form input{width:100%;height:48px;padding:0 13px;border:1px solid #ddd8ca;border-radius:13px;background:white;color:#282622;font:inherit;outline:none}.login-card form input:focus,.login-card form select:focus{border-color:#2d2d2c;box-shadow:0 0 0 3px #ffd95a66}.login-card form button{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:0 12px 0 18px;border:0;border-radius:999px;background:#2d2d2c;color:white;font:inherit;font-size:12px;font-weight:750}.login-card form button b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffd95a;color:#222}.login-card form button:disabled{opacity:.55}.login-error{min-height:18px;margin:11px 0 0;color:#b3483f;font-size:11px;text-align:center}
@media(max-width:520px){.login-page{padding:14px}.login-card{padding:28px 22px;border-radius:27px}.login-heading{margin-top:50px}.login-heading h1{font-size:36px}}