:root{font-family:Inter,system-ui,sans-serif;color:#17352a;background:#eef2ef}
*{box-sizing:border-box}
.auth-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#fff 0,#eef2ef 52%,#e4ebe7 100%)}
.auth-page main{width:min(400px,100%);padding:30px;border:1px solid #cdd9d2;border-radius:20px;background:#fff;box-shadow:0 24px 70px #17352a24}
.auth-page h1{margin:18px 0 5px;font-size:24px}
.auth-page h2{font-size:18px}
.auth-page p{color:#667a70;line-height:1.45}
.auth-page label{display:grid;gap:6px;margin-top:15px;font-size:13px;font-weight:700}
.auth-page input{width:100%;height:44px;padding:0 12px;border:1px solid #cfd9d3;border-radius:9px;font:inherit;outline:none}
.auth-page input:focus{border-color:#347359;box-shadow:0 0 0 3px #dcece5}
.auth-page button,.auth-page .button{width:100%;height:44px;margin-top:20px;border:0;border-radius:10px;background:#173f31;color:#fff;font:inherit;font-weight:750;cursor:pointer;display:grid;place-items:center;text-decoration:none}
.auth-page .secondary{background:#fff;color:#17352a;border:1px solid #cdd9d2}
.auth-page .error{padding:10px 12px;border:1px solid #e3b9b4;border-radius:9px;background:#fff3f1;color:#7c322b;font-size:13px}
.auth-page .hidden{display:none}
.auth-page small{display:block;margin-top:18px;color:#85948d;text-align:center}
.auth-login>main>i{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#173f31;color:#fff;font-style:normal;font-size:22px}
.auth-login>main>p{margin:0 0 22px}
.auth-login .links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px}
.auth-login a{color:#275e49}
.auth-login .access{margin:18px 0 0;font-size:12px;text-align:center}
.auth-invitation main{width:min(520px,100%);box-shadow:none}
.auth-invitation label{margin:14px 0}
.auth-invitation button{margin-top:12px}
.auth-invitation .secondary{background:#eef2ef}
.auth-invitation ul{padding-left:22px}