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