.auth-page{background:radial-gradient(at 0 0,#e5eee4,#0000 55%),#f8f6ee;min-height:100dvh}.auth-page .intro-header{justify-content:space-between}.auth-main{max-width:500px;margin:65px auto;padding:0 24px 40px}.auth-panel{background:#ffffffd9;border:1px solid #e2e6de;padding:38px 34px;box-shadow:0 12px 40px #2544300c}.auth-panel h1{color:#193c29;margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.5}.auth-panel .auth-demo{color:#5b685f;margin:0 0 30px;font-size:16px;line-height:1.7}.auth-field{margin-bottom:23px}.auth-field label{margin-bottom:8px;font-size:18px;font-weight:500;display:block}.auth-field input{color:#243c2e;background:#fff;border:1px solid #aebcb1;border-radius:6px;width:100%;min-height:52px;padding:11px 13px;font-size:18px;line-height:1.5}.auth-field input:focus-visible{outline-offset:3px;outline:2px solid #006c3a}.auth-password{position:relative}.auth-password input{padding-right:54px}.auth-password button{color:#466653;background:0 0;border:0;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:3px;right:3px}.auth-field>span{color:#566a5b;margin-top:7px;font-size:16px;display:block}.auth-submit{color:#fff;background:#006c3a;border:0;border-radius:8px;width:100%;min-height:54px;font-size:18px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 4px #163a2322}.auth-submit:hover{transform:translateY(2px);box-shadow:0 2px #163a2322}.auth-submit:active{box-shadow:none;transform:translateY(4px)}.auth-switch{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;font-size:16px;display:flex}.auth-switch a,.auth-back,.auth-result a{color:#006c3a;text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.auth-switch span{align-items:center;min-height:44px;display:flex}.auth-back{margin-top:20px;font-size:16px}.auth-result{background:#edf3e9;margin-top:20px;padding:16px;font-size:16px}.auth-result p{margin:0;line-height:1.8}.auth-result a{margin-top:8px;font-weight:700}@media (max-width:760px){.auth-main{margin:42px auto;padding:0 20px 30px}.auth-panel{padding:28px 22px}.auth-panel h1{font-size:27px}.auth-page .intro-header{flex-wrap:wrap;gap:12px;height:auto;min-height:88px;padding:15px 18px}.auth-page .intro-brand>span{font-size:23px}.auth-page .intro-login{font-size:16px}}@media (prefers-reduced-motion:reduce){.auth-submit{transition:none}.auth-submit:hover,.auth-submit:active{transform:none}}
