.login-mode{background:#eef3ec;background-image:radial-gradient(ellipse at 15% 10%,#dceecb 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#dbe9e0 0,transparent 45%);color:#172e25}.login-mode>header,.login-mode>footer{display:none}.login-mode #app{display:grid;place-items:center;max-width:none;min-height:100vh;min-height:100dvh;padding:40px 20px}.login-mode .auth{display:flex;flex-direction:column;gap:24px;width:min(100%,440px);margin:0 auto}.login-mode .auth-copy{text-align:center}.login-brand{font-size:68px;font-weight:900;letter-spacing:-5px;line-height:1;display:inline-block;text-decoration:none;margin-bottom:18px;color:#173c2c}.login-brand span{color:#70a333}.login-mode .eyebrow{font-size:10px;letter-spacing:3px;color:#59765e}.login-mode h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.login-mode .auth-copy p{font-size:14px;color:#637267;margin:0;max-width:340px}.login-mode .auth>.card{width:100%;padding:32px;background:#ffffffed;border:1px solid #ffffff;border-radius:24px;box-shadow:0 18px 60px #23432d12}.login-mode .card h2{text-align:center;font-size:20px;margin-bottom:24px;letter-spacing:-.5px}.login-mode form{gap:16px}.login-mode label{font-size:13px;gap:8px;color:#354b3e}.login-mode input{background:#f6f8f4;border:1px solid #e0e7dc;border-radius:12px;padding:15px 14px;font-size:16px;transition:border-color .15s}.login-mode input:focus{outline:2px solid #83ad55;outline-offset:1px;background:white}.login-mode .password-wrap{position:relative;gap:0}.login-mode .password-wrap input{padding-right:78px}.login-mode .password-wrap button{position:absolute;right:7px;top:7px;bottom:7px;background:transparent;border:0;color:#526d43;font-size:12px;font-weight:bold}.login-mode form>small{font-size:11px;color:#758170;line-height:1.5}.login-mode .primary{width:100%;background:#c8f36b;border:1px solid #b6df60;border-radius:12px;padding:16px;font-size:15px;box-shadow:0 4px 12px #83ad5520}.login-mode .primary:hover{background:#bcec5b}.login-mode .auth-switch{border-top:1px solid #edf0e9;padding-top:20px;font-size:12px;color:#72806e;margin-top:24px}.login-mode .auth-switch button{display:block;margin:8px auto 0;border:0;padding:4px 10px;background:transparent;font-size:14px;font-weight:bold;color:#2a543b}.login-mode #notice{z-index:1001}@media(max-width:480px){.login-mode #app{padding:28px 18px}.login-mode .auth{gap:20px}.login-mode .auth>.card{padding:26px 24px}.login-mode .auth-copy h1{font-size:27px}.login-mode .auth-copy br{display:initial}.login-brand{font-size:60px}.login-mode .auth-copy p{font-size:13px}}