.client-login{background:#101a2b;color:#edf3fc;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.client-login .login-art{background:radial-gradient(ellipse at 20% 90%,#203653 0%,transparent 55%),linear-gradient(150deg,#14223b,#0b1427);padding:clamp(2rem,4vw,4.6rem);gap:2rem;min-height:100dvh;overflow:hidden}.client-login .login-art:after{display:none}.client-login .login-brand{font-size:1.15rem;gap:1rem;align-items:center}.client-login .brand-mark{width:52px;height:52px;flex-basis:52px;background:#f9b449;color:#13213a}.client-login .brand-mark.platform-logo{width:105px;height:70px;flex-basis:105px;background:#fff;padding:6px}.login-story{max-width:610px;margin:auto 0}.login-kicker{color:#f9b449;font-size:.69rem;letter-spacing:.18em;font-weight:800}.client-login .headline{font-size:clamp(2.25rem,3.6vw,4.1rem);line-height:1.12;letter-spacing:-.045em;margin:.85rem 0 1rem;max-width:560px}.login-story>p{color:#b3c2d8;max-width:360px;font-size:.95rem}.login-illustration{width:100%;max-width:570px;margin:1rem auto}.login-illustration svg{display:block;width:100%;height:auto}.login-benefits{display:flex;gap:1.15rem;flex-wrap:wrap;color:#c2cede;font-size:.7rem}.login-art-note{font-size:.72rem;color:#8298b7}.client-login .login-panel{background:#111b2d;padding:3rem 2.5rem;min-width:0}.login-form-wrap{width:min(100%,390px)}.client-login .login-panel form{width:100%;gap:1.1rem}.client-login .eyebrow{color:#efb552;font-size:.61rem;letter-spacing:.13em}.login-title{font-size:clamp(1.7rem,2.4vw,2.25rem);letter-spacing:-.05em;line-height:1.2;margin:.55rem 0 .7rem}.client-login .login-panel .lead{font-size:.85rem;line-height:1.6;margin:0 0 .8rem;color:#a5b6cf}.client-login .field{color:#d7e0ee;font-size:.76rem;gap:.55rem}.client-login .field input{background:#17243a;color:#f2f5fd;border:1px solid #33445f;min-height:49px;border-radius:10px;padding:.85rem .95rem}.client-login .field input::placeholder{color:#7e91ac;font-size:.78rem}.client-login .field input:focus{border-color:#f9b449;box-shadow:0 0 0 3px #f9b44912}.login-password{position:relative}.login-password input{padding-right:4.4rem!important}.login-reveal{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);border:0;background:none;color:#bdcbe0;font-size:.68rem;font-weight:700;padding:.6rem;min-height:36px}.login-form-links{display:flex;justify-content:flex-end;margin-top:-.6rem}.client-login .text-button{color:#f9b449;font-size:.72rem;text-decoration:none}.client-login .login-submit{min-height:49px;justify-content:space-between;background:linear-gradient(110deg,#f9b449,#ee9d2b);color:#172036;margin-top:.2rem;border-radius:10px;font-size:.82rem;padding:.85rem 1rem}.login-mobile-brand{display:none}.login-help{color:#8296b2;text-align:center;font-size:.7rem;margin:1.5rem 0 0}.login-credit{font-size:.62rem;color:#7f92ae;text-align:center;margin:2.2rem 0 0}.login-demo-entry{border-top:1px solid #2b3b54;margin-top:1.5rem;padding-top:1.2rem}.billing-layout{display:grid;gap:1.1rem}.billing-snapshot{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:1rem}.billing-summary{background:linear-gradient(125deg,#21334d,var(--card));border:1px solid #44536a;border-radius:18px;padding:1.6rem;display:flex;flex-direction:column;gap:.9rem}.billing-summary h2{font-size:1.65rem;margin:0}.billing-summary p{margin:0;color:var(--muted);font-size:.84rem}.billing-summary .row{align-items:start}.billing-label{font-size:.65rem;letter-spacing:.12em;color:var(--muted);font-weight:800}.billing-status{display:inline-flex;align-items:center;gap:.4rem}.billing-trial-time{font-size:1.4rem;font-weight:800;color:var(--accent)}.billing-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.billing-details>div{background:#122031;border-radius:10px;padding:.8rem}.billing-details small,.billing-details strong{display:block}.billing-details small{color:var(--muted);font-size:.7rem}.billing-details strong{font-size:.92rem;margin-top:.4rem}.billing-quota{margin:0;display:grid;gap:.55rem}.billing-quota>div{display:flex;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.78rem}.billing-quota>div:last-child{border:0}.billing-quota dt{color:var(--muted)}.billing-quota dd{font-weight:800;margin:0}.billing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.billing-plan{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:1.2rem;gap:.7rem}.billing-plan.current{border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.billing-plan h3{font-size:1.05rem;margin:.3rem 0}.billing-plan p{font-size:.78rem;color:var(--muted);margin:0;flex:1}.billing-plan-price{font-size:1.65rem;font-weight:800;color:var(--text);letter-spacing:-.05em}.billing-plan-price small{display:block;font-size:.66rem;color:var(--muted);letter-spacing:0;font-weight:600;margin-top:.3rem}.billing-plan-price em{font-size:.8rem;font-style:normal;color:var(--accent);display:block;margin-top:.4rem;letter-spacing:0}.billing-plan .btn{width:100%;margin-top:auto;font-size:.78rem}.billing-invoice{display:flex;gap:.8rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.billing-invoice:last-child{border-bottom:0}.billing-invoice>div:first-child{flex:1;min-width:180px}.billing-invoice strong{display:block;font-size:.9rem}.billing-invoice small{display:block;color:var(--muted);margin-top:.3rem;font-size:.7rem}.billing-payment-qr{display:grid;place-items:center;background:#fff;padding:1rem;border-radius:12px;margin:1rem auto;max-width:300px}.billing-payment-qr img,.billing-payment-qr canvas{max-width:100%;height:auto}.subscription-notice{margin-bottom:1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.subscription-notice strong,.subscription-notice small{display:block}.subscription-notice small{margin-top:.3rem}.subscription-popup>.card{max-width:470px}.subscription-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:var(--accent);background:#f3b54a18;font-size:1.5rem;margin-bottom:1rem}.profile-account-card{display:flex;gap:.8rem;align-items:center;margin-bottom:1.2rem}.profile-account-card .avatar{width:48px;height:48px;font-size:1.2rem}.profile-account-card strong,.profile-account-card small{display:block}.profile-account-card small{color:var(--muted);font-size:.7rem;margin-top:.25rem}.profile-email-note{margin-top:-.6rem;font-size:.7rem;color:var(--muted)}.settlement-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.settlement-summary strong{display:block;font-size:1.35rem;letter-spacing:-.04em;margin:.6rem 0}.settlement-summary small{display:block;color:var(--muted);font-size:.72rem;line-height:1.6}.settlement-summary h3{font-size:.85rem;margin:0}.settlement-details{margin:0}.settlement-details>div{display:flex;gap:1rem;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.settlement-details dt{color:var(--muted)}.settlement-details dd{margin:0;font-weight:800;text-align:right}.settlement-details>div:last-child{border:0}@media(max-width:1100px){.client-login{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.client-login .login-art{padding:2.4rem}.client-login .headline{font-size:2.8rem}.login-benefits{gap:.7rem;font-size:.63rem}.client-login .login-panel{padding:2.2rem}.billing-snapshot{grid-template-columns:1fr}.settlement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.client-login{grid-template-columns:1fr;min-height:100dvh}.client-login .login-art{display:none}.client-login .login-panel{min-height:100dvh;padding:2.2rem 1.4rem;align-items:center}.login-mobile-brand{display:flex;margin-bottom:2.4rem;font-size:.96rem;gap:.8rem}.login-mobile-brand .brand-mark.platform-logo{width:75px;height:50px;flex-basis:75px}.login-title{font-size:1.9rem}.login-credit{margin-top:1.8rem}.billing-summary{padding:1.2rem}.billing-details{grid-template-columns:1fr 1fr}.settlement-summary{grid-template-columns:1fr}.subscription-notice .btn{width:100%}}@media(max-width:380px){.client-login .login-panel{padding:1.4rem 1.1rem}.login-mobile-brand{margin-bottom:1.8rem}.client-login .login-panel form{gap:.9rem}.login-title{font-size:1.65rem}.billing-details{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.login-illustration *{animation:none}}