.login-page{color:#10271f;background:#f4f7f5;grid-template-columns:minmax(360px,1.08fr) minmax(420px,.92fr);min-height:100vh;font-family:Arial,sans-serif;display:grid}.login-brand{background:linear-gradient(145deg,#073527f5,#16744ce6),url(/images/sharrit-login.jpg) 50%/cover;align-items:flex-end;padding:72px;display:flex;position:relative}.login-brand:after{content:"";background:radial-gradient(circle at 20% 20%,#ffffff1f,#0000 35%);position:absolute;inset:0}.login-brand-copy{z-index:1;color:#fff;max-width:660px;position:relative}.login-kicker{letter-spacing:.2em;color:#a9d7c4;font-size:12px;font-weight:700}.login-brand h1{letter-spacing:-.045em;margin:24px 0;font-size:clamp(42px,5vw,72px);line-height:1.02}.login-brand p{color:#d9ebe4;max-width:560px;font-size:19px;line-height:1.55}.login-security{color:#cce6db;align-items:center;gap:12px;margin-top:40px;font-size:14px;display:flex}.login-security svg{width:22px}.login-form-side{justify-content:center;align-items:center;padding:48px;display:flex}.login-card{background:#fff;border:1px solid #dce5e0;border-radius:24px;width:min(440px,100%);padding:38px;box-shadow:0 24px 70px #092d2217}.login-logo{align-items:center;gap:13px;margin-bottom:42px;display:flex}.login-logo img{border-radius:13px;width:52px;height:52px}.login-logo div{flex-direction:column;gap:3px;display:flex}.login-logo strong{letter-spacing:.08em;font-size:20px}.login-logo span{color:#587067;font-size:12px}.login-title h2{margin:0 0 8px;font-size:32px}.login-title p{color:#677d75;margin:0 0 30px}.login-card label{margin-top:20px;display:block}.login-card label>span{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.login-input{border:1px solid #cfdbd5;border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 14px;transition:all .2s;display:flex}.login-input:focus-within{border-color:#16835a;box-shadow:0 0 0 3px #16835a1f}.login-input svg{color:#648078;width:19px}.login-input input{background:0 0;border:0;outline:0;width:100%;font-size:15px}.login-input button{cursor:pointer;background:0 0;border:0;padding:4px;display:flex}.login-submit{color:#fff;cursor:pointer;background:#126c49;border:0;border-radius:12px;width:100%;height:52px;margin-top:25px;font-size:15px;font-weight:700}.login-submit:hover{background:#0d5a3c}.login-submit:disabled{opacity:.65}.login-error{color:#a43131;background:#fff0f0;border:1px solid #f3caca;border-radius:10px;padding:11px 13px;font-size:13px}.login-help{text-align:center;color:#71827c;margin:22px 10px 0;font-size:12px;line-height:1.5}@media (max-width:850px){.login-page{grid-template-columns:1fr}.login-brand{min-height:260px;padding:40px}.login-brand h1{margin:16px 0;font-size:38px}.login-brand p{font-size:16px}.login-security{margin-top:20px}.login-form-side{padding:28px 18px 48px}.login-card{padding:28px}.login-logo{margin-bottom:28px}}