.login-page{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 15% 15%,#e8ecdf88,transparent 50%),radial-gradient(ellipse at 90% 90%,#e9d7cb55,transparent 50%),#faf8f3}.login-card{width:min(100%,440px);text-align:center}.login-brand{font:48px/1.1 var(--font-display);color:#353b30;text-decoration:none;letter-spacing:-2px}.login-brand span{color:#ad654d}.login-yarn{display:grid;place-items:center;margin:40px auto 22px;width:58px;height:58px;border-radius:50%;color:#91a078;background:#e9eee4;font:38px/1 var(--font-display)}.login-eyebrow{font-size:10px;letter-spacing:1.8px;color:#7c806f;margin-bottom:18px}.login-card h1{font:44px/1.1 var(--font-display);font-weight:400;letter-spacing:-1px;color:#353b30}.login-card h1 em{font-weight:400;color:#ad654d}.login-description{margin:22px auto 30px;color:#777c6b;font-size:14px;line-height:1.8}.login-form{text-align:left;padding:28px;background:#fffdf9;border:1px solid #e4e6db;border-radius:22px;box-shadow:0 8px 30px #353b3006}.login-form>label{display:block;font-size:13px;font-weight:600;color:#606953;margin-bottom:10px}.login-password{display:flex;align-items:center;min-height:50px;border:1px solid #dce0d3;border-radius:12px;background:white}.login-password:focus-within{outline:2px solid #8b9d75;outline-offset:2px}.login-password input{border:0;min-width:0;width:100%;padding:13px 14px;background:transparent;font:16px var(--font-body);outline:none;color:#353b30}.login-password button{border:0;background:transparent;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:#7a846b}.login-form>.button{width:100%;margin-top:22px;min-height:48px;justify-content:center}.login-footer{margin-top:30px;color:#969b89;font-size:12px}@media(max-width:420px){.login-card h1{font-size:37px}.login-form{padding:22px}.login-yarn{margin-top:28px}}