.login-shell{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff;color:#172641;font-family:var(--font)}.login-story{position:relative;background:radial-gradient(ellipse at 10% 0,#2756a4 0,transparent 62%),linear-gradient(145deg,#132d55,#0e1b34);color:#ffffff;display:flex;flex-direction:column;padding:42px 9%;overflow:hidden}.login-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff12;border-radius:50%;bottom:-350px;left:-90px;box-shadow:0 0 0 36px #ffffff03,0 0 0 37px #ffffff16;pointer-events:none}.login-brand{display:flex;gap:12px;align-items:center;color:#ffffff;text-decoration:none;width:max-content}.login-mark{display:block;width:44px;height:44px;flex-shrink:0;border-radius:12px;box-shadow:0 3px 7px #07142d33}.login-brand strong,.login-mobile-brand>strong{font-size:25px;letter-spacing:-1px}.login-brand strong>span,.login-mobile-brand>strong>span{font-weight:400}.login-brand small{display:block;font-size:11px;color:#a9c2e9;letter-spacing:1px;margin-top:4px}.login-story-content{margin:auto 0;padding:70px 0 50px;position:relative;z-index:1}.login-eyebrow,.login-greeting{font-size:11px;font-weight:700;letter-spacing:2.3px;color:#9ab9ed}.login-story h1{font-size:clamp(34px,3.6vw,55px);line-height:1.2;letter-spacing:-2.3px;font-weight:650;margin:24px 0}.login-story h1 em{font:inherit;color:#8bbaff;letter-spacing:-2px}.login-story-content>p{font-size:14px;line-height:1.9;color:#bdcce3;max-width:340px}.login-preview{background:white;border:1px solid #e1e8f3;border-radius:15px;margin:34px 0 25px;max-width:420px;box-shadow:0 14px 34px #030d2940;color:#172641;transform:rotate(-1deg)}.login-preview-head{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid #edf1f7;color:#496078;font-size:11px}.login-preview-head>span:first-child{display:flex;gap:9px;align-items:center}.login-example{font-size:10px;letter-spacing:1px;color:#718198}.login-invoice-row{padding:22px;display:flex;align-items:center;gap:12px}.login-client{width:37px;height:37px;background:#e9efff;color:#2563eb;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif}.login-invoice-row strong{font-size:11px;display:block;font-weight:600}.login-invoice-row small{font-size:11px;display:block;color:#65748a;margin-top:7px}.login-invoice-row b{margin-left:auto;font-size:18px;font-weight:500;letter-spacing:-.6px}.login-preview-foot{padding:13px 21px;border-top:1px solid #edf1f7;display:flex;justify-content:space-between;font-size:10px;color:#65748a;align-items:center}.login-preview-foot>span:first-child{color:#17724f;background:#ecf9f1;border-radius:5px;padding:5px 7px;display:flex;gap:5px;align-items:center}.login-benefits{display:flex;gap:24px;color:#c5d7ef;font-size:10px;margin-top:30px}.login-benefits>span{display:flex;align-items:center;gap:6px}.login-story-footer{font-size:10px;color:#9db2d0;letter-spacing:.3px;position:relative;z-index:1}.login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:65px 50px 95px}.login-card{max-width:360px;width:100%}.login-greeting{color:#64748b;font-size:11px;letter-spacing:1.8px}.login-card h2{font-size:34px;letter-spacing:-1.2px;font-weight:650;margin:18px 0 11px;color:#172641}.login-subtitle{font-size:13px;color:#65748a;margin:0 0 35px;line-height:1.6}.login-field{display:block;font-size:13px;font-weight:500;color:#33455e;margin-bottom:21px}.login-field>span{display:flex;align-items:center;gap:12px;border:1px solid #e1e5e8;border-radius:8px;padding:0 14px;height:49px;margin-top:9px;color:#7890ad;transition:border-color .2s,box-shadow .2s}.login-field>span:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #eff6ff}.login-field input{width:100%;min-width:0;border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:14px;color:#172641}.login-field input::placeholder{color:#8594a8}.login-field button{border:0;background:transparent;padding:4px;display:flex;color:#65748a;cursor:pointer}.login-password-hint{font-size:10px;color:#64748b;line-height:1.6;margin:-10px 0 20px}.login-remember{display:flex;align-items:center;gap:8px;font-size:11px;color:#52657d;margin:0 0 25px;cursor:pointer}.login-remember input{width:14px;height:14px;accent-color:#2563eb;margin:0}.login-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;border:0;border-radius:8px;background:#2563eb;color:white;min-height:48px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 3px 5px #2563eb25}.login-submit:hover{background:#1d4ed8}.login-submit:disabled{opacity:.65;cursor:wait}.login-switch{text-align:center;font-size:13px;color:#64748b;margin:25px 0 32px}.login-switch button{font-size:13px;font-weight:600;color:#1d4ed8;border:0;background:none;padding:4px 0 4px 6px;cursor:pointer}.login-security{border-top:1px solid #e5ebf4;padding-top:25px;display:flex;gap:8px;align-items:center;justify-content:center;color:#708096;font-size:11px}.login-error{padding:12px;border:1px solid #fecdd3;border-radius:7px;background:#fff1f2;font-size:11px;line-height:1.6;color:#b42337;margin:0 0 18px}.login-footer{position:absolute;bottom:32px;text-align:center;font-size:11px;letter-spacing:.4px;color:#748297}.login-footer span{margin:0 9px;color:#b7c4d6}.login-mobile-brand{display:none}.login-spinner{animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.login-story{padding:34px 9%}.login-story h1{font-size:36px}.login-benefits{gap:12px;flex-direction:column}.login-invoice-row{padding:18px 14px}.login-invoice-row b{font-size:15px}.login-preview-foot{padding:12px}.login-preview-foot>span:last-child{display:none}.login-panel{padding:60px 35px 85px}}@media (max-width:650px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:125px 30px 85px;min-height:100svh}.login-mobile-brand{display:flex;align-items:center;gap:10px;position:absolute;top:30px;left:30px}.login-mobile-brand .login-mark{width:35px;height:35px;font-size:36px;border-radius:10px}.login-mobile-brand .login-mark>span{bottom:8px;right:4px;font-size:12px}.login-mobile-brand>strong{font-size:21px}.login-card{max-width:380px}.login-card h2{font-size:32px}.login-card form input{font-size:16px}.login-field{font-size:12px}.login-field>span{height:53px}.login-submit{min-height:50px;font-size:14px}.login-remember,.login-switch,.login-switch button{font-size:12px}.login-security{font-size:10px}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}.login-field>span{transition:none}}.recovery-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}.recovery-switch button{margin:0}