@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f6f7f3;color:#242824;font-family:'Prompt',Tahoma,Arial,sans-serif;line-height:1.7}.login-shell{max-width:1150px;margin:auto;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding:70px 40px}.brand,small{font-size:11px;letter-spacing:2px;color:#7b8473}.intro h1{font-size:52px;line-height:1.4;letter-spacing:-1px;margin:32px 0 20px}.intro h1 span{color:#789365}.intro p,.card p{color:#737b6e}.card{background:#fff;border:1px solid #e3e7dc;border-radius:22px;padding:42px;box-shadow:0 20px 70px #26331c08}.card h2{font-size:30px;margin:16px 0 4px}.google{width:100%;font-size:15px;padding:15px!important;margin:20px 0 5px;display:flex;gap:18px;align-items:center;justify-content:center}.google span{font:bold 21px Arial;color:#343934}button,.primary{display:inline-block;background:#fff;border:1px solid #d7ddcf;border-radius:10px;padding:11px 20px;color:#283125;text-decoration:none;cursor:pointer;font:inherit}button:hover{background:#f4f7ef}button:focus-visible,a:focus-visible{outline:3px solid #8cad70;outline-offset:3px}.primary{background:#2b3922;color:#fff;border:0;margin:15px 0}.note{font-size:12px}.error{background:#fff0ea;padding:10px;border-radius:8px;color:#9e3826!important}.divider{border-top:1px solid #edf0e7;margin:25px 0}.account{max-width:620px;margin:12vh auto}.account h1{font-size:28px;overflow-wrap:anywhere}.badge{display:inline-block;background:#edf4e7;color:#4e643d!important;padding:6px 14px;border-radius:20px;font-size:13px}.sample{height:160px;margin-top:28px}.cabinet{display:flex;width:160px;height:150px;background:white;border:1px solid #9da795;transform:skewY(-7deg);box-shadow:16px 10px 0 #e2e6dc}.cabinet i{flex:1;border-right:1px solid #aeb6a8;margin:4px}.cabinet i:nth-child(2){background:#d6dcd2}.card a{font-size:13px}@media(max-width:800px){.login-shell{grid-template-columns:1fr;gap:25px;padding:30px 20px}.intro h1{font-size:34px;line-height:1.3;margin:18px 0}.sample{display:none}.card{padding:28px}.account{margin:35px 18px}.intro p{font-size:14px}}

.auth-tabs{display:flex;border-bottom:1px solid #e5e9e1;margin:8px 0 25px;gap:24px}.card .auth-tabs a{padding:10px 0;font-size:16px;text-decoration:none;color:#75816e}.card .auth-tabs a[aria-current=page]{color:#24331d;border-bottom:2px solid #789365;font-weight:500}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;font-size:14px}.auth-form input{font:inherit;font-size:16px;width:100%;min-width:0;border:1px solid #dbe1d5;border-radius:9px;background:#fbfcfa;padding:12px 14px;color:#242824}.auth-form input:focus-visible{outline:2px solid #8cad70;outline-offset:2px}.auth-form .primary{width:100%;margin:5px 0 0}.auth-form .primary:hover{background:#3e5231}.password-field{display:flex;position:relative}.password-field input{padding-right:68px}.password-toggle{position:absolute;right:4px;top:4px;bottom:4px;border:0;background:transparent;font-size:12px;padding:0 10px;min-width:54px}.auth-or{display:flex;gap:15px;align-items:center;font-size:12px;color:#87917f;margin:23px 0 0}.auth-or:before,.auth-or:after{content:'';height:1px;background:#e8ece3;flex:1}.auth-hint{font-size:12px;color:#75816e;font-weight:400}.google{margin-top:17px}.login-shell{padding-block:40px}.card h2{font-weight:600}.auth-form p{margin:0}.intro h1{font-weight:500}.brand a{color:inherit;text-decoration:none}
