:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#26312d;background:#e4e9e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 20%,#d6e1de 0,transparent 53%),radial-gradient(ellipse at 87% 10%,#f3eee4 0,transparent 50%),linear-gradient(135deg,#dfe5e2,#ecece7);display:flex;flex-direction:column}.login-header{padding:32px 44px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:26px;letter-spacing:-1.6px;font-weight:500;color:inherit;text-decoration:none}.wordmark span{display:block;font-size:10px;letter-spacing:1.2px;margin-top:8px;color:#59635d}.header-note{font-size:10px;letter-spacing:1.7px;color:#67716b}main{flex:1;display:grid;place-items:center;padding:30px 20px 54px}.login-card{width:min(100%,470px);padding:35px 38px 30px;background:linear-gradient(145deg,#ffffffa8,#ffffff63);border:1px solid #ffffffc7;border-radius:28px;box-shadow:0 25px 80px #3c514b0a,inset 0 1px 0 #fff8;backdrop-filter:blur(24px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.4px;color:#66716b}.private-mark{display:flex;align-items:center;gap:6px;letter-spacing:0;font-size:11px}.private-mark i{width:5px;height:5px;border-radius:50%;background:#65796b}h1{font-size:36px;line-height:1.12;font-weight:450;letter-spacing:-1.5px;margin:35px 0 17px}.intro{font-size:14px;line-height:1.65;color:#68716c;margin:0 0 31px}label{display:block;font-size:12px;margin:18px 0 9px;color:#4c5851}input{font:inherit;font-size:15px;border:1px solid #d7ded9;background:#ffffff8a;border-radius:14px;width:100%;height:52px;padding:0 16px;color:#25342b;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:#73897b;box-shadow:0 0 0 3px #627d6920}input::placeholder{color:#8b938e;font-size:13px}.password-field{position:relative}.password-field input{padding-right:95px}.password-field button{position:absolute;right:12px;top:0;height:52px;border:0;background:none;color:#5f6c64;font-size:11px;cursor:pointer}.form-message{min-height:32px;margin:12px 0 11px;font-size:12px;line-height:1.5;color:#8b4034}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 20px;border:0;border-radius:30px;color:#fff;background:#28362f;font:inherit;font-size:13px;cursor:pointer;transition:background .15s}.submit:hover{background:#3a4d40}.submit:disabled{opacity:.65;cursor:wait}.submit span:last-child{font-size:19px}.card-bottom{border-top:1px solid #becac23f;margin-top:27px;padding-top:21px;display:grid;gap:8px;font-size:10px;color:#7a827d}.card-bottom span:first-child{color:#5e6861}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 44px;border-top:1px solid #a3b2a62c;font-size:10px;letter-spacing:.3px;color:#747e76}button:focus-visible,a:focus-visible{outline:2px solid #5c7765;outline-offset:4px}@media(max-width:600px){.login-header{padding:24px}.header-note{display:none}main{padding:20px 16px 35px}.login-card{padding:28px 25px;border-radius:24px}h1{font-size:33px;margin-top:31px}footer{padding:20px 24px;flex-wrap:wrap;font-size:9px}footer span:nth-child(2){order:3;width:100%}footer span:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
