.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.95fr) minmax(450px,1.05fr);direction:rtl;background:#f6f7f4;color:var(--color-ink)}.login-story{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,75px);background:#203f31;color:#fff;position:relative;overflow:hidden}.login-story:before{content:"";position:absolute;width:min(56vw,720px);height:min(56vw,720px);border:1px solid rgb(197 237 205/19%);border-radius:50%;left:-25%;top:10%;box-shadow:0 0 0 90px rgb(197 237 205/5%),0 0 0 200px rgb(197 237 205/3%)}.login-story-copy,.login-story-footer,.login-story-top{position:relative;z-index:1}.login-story-top{display:flex;align-items:center;gap:13px;font-size:1.25rem;font-weight:700}.login-mark{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#c8ebd0;color:#173e2b;font-size:1.45rem;font-weight:800}.login-story-copy{max-width:580px}.login-story-kicker{color:#b9e5c4;font-size:.8rem;font-weight:700}.login-story h2{margin:17px 0;font-size:clamp(2.25rem,4.2vw,4.4rem);letter-spacing:-.055em;line-height:1.18}.login-story p{margin:0;max-width:490px;color:#c9d9cd;font-size:1rem;line-height:1.8}.login-story-footer{color:#9dbba7;font-size:.75rem}.login-container{grid-column:1;grid-row:1;align-self:center;width:min(100% - 48px,475px);margin:50px auto}.login-shell .logo{display:flex;align-items:center;gap:13px;margin-bottom:35px}.login-shell .logo .login-mark{width:40px;height:40px;font-size:1.3rem}.login-shell .logo h1{margin:0;font-size:1.15rem;line-height:1;color:var(--color-ink)}.login-shell .logo p{margin:0 12px 0 0;padding-right:12px;border-right:1px solid var(--color-rule);color:var(--color-muted);font-size:.75rem}.login-card{padding:38px;border:1px solid var(--color-rule);border-radius:18px;background:#fff;box-shadow:0 20px 60px rgb(23 50 31/5%)}.login-shell .card-header{margin-bottom:29px}.login-shell .card-header h2{margin:0 0 5px;font-size:1.65rem;letter-spacing:-.035em}.login-shell .card-header p{margin:0;color:var(--color-muted);font-size:.83rem}.login-shell .form-group{margin-bottom:20px}.login-shell .form-group label{display:block;margin-bottom:8px;color:var(--color-ink-2);font-size:.8rem;font-weight:700}.login-shell .input{width:100%;min-height:48px;padding:10px 14px;background:#fafbf9;border:1px solid #dbe2da;border-radius:9px;color:var(--color-ink);font:inherit;font-size:.9rem}.login-shell .input::placeholder{color:#9aa69d}.login-shell .input:focus{outline:2px solid var(--color-focus);outline-offset:1px;background:#fff}.login-shell .input.error{border-color:var(--color-bad)}.login-shell .error-message{margin-top:7px;color:var(--color-bad);font-size:.76rem}.login-shell .btn-primary{width:100%;min-height:47px;margin-top:8px;border:0;border-radius:9px;background:#203f31;color:#fff;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.login-shell .btn-primary:hover:not(:disabled){background:#2a6045}.login-shell .btn-primary:disabled{opacity:.6;cursor:default}.login-shell .divider{display:flex;align-items:center;gap:15px;margin:25px 0;color:var(--color-muted);font-size:.72rem}.login-shell .divider:after,.login-shell .divider:before{content:"";flex:1 1;height:1px;background:var(--color-rule)}.login-shell .social-buttons{display:flex}.login-shell .btn-social{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:45px;border:1px solid var(--color-rule);border-radius:9px;background:#fff;color:var(--color-ink);text-decoration:none;font-size:.84rem;font-weight:600}.login-shell .btn-social:hover{background:var(--color-paper-3);border-color:#b6c6b9}.login-shell .btn-social svg{width:18px;height:18px}.login-shell .signup-link{margin-top:24px;text-align:center;color:var(--color-muted);font-size:.78rem}.login-shell .signup-link a{color:var(--color-accent);font-weight:700;text-decoration:none}.login-shell .signup-link a:hover{text-decoration:underline}@media (max-width:900px){.login-shell{display:block}.login-story{display:none}.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:35px 0}}@media (max-width:480px){.login-container{width:min(100% - 32px,475px)}.login-card{padding:26px 22px}.login-shell .logo{margin-bottom:23px}}