.login-layout{min-height:calc(100dvh - 91px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:65px}.login-story{background:var(--hub-blue);color:white;border-radius:28px;padding:58px;min-height:590px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-story h1{font-size:clamp(38px,4.2vw,60px);max-width:520px;position:relative;z-index:1}.login-story p{color:#e2ebff;max-width:360px;margin-top:25px}.login-story .hub-kicker{color:#e2ebff;margin-top:0}.login-services{display:flex;flex-wrap:wrap;gap:9px;margin-top:70px;position:relative;z-index:1}.login-services span{border:1px solid #ffffff55;border-radius:30px;padding:8px 16px;font-size:13px}.login-story:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #ffffff25;border-radius:50%;left:35%;top:38%;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff05;pointer-events:none}.login-form-wrap{max-width:430px;width:100%;margin:auto}.login-form-wrap h2{font-size:38px;margin-bottom:15px}.login-form-wrap>p{color:var(--hub-muted);margin-bottom:30px}.account-form{display:flex;flex-direction:column;gap:20px}.account-form label{font-size:14px;font-weight:500;display:flex;flex-direction:column;gap:8px}.account-form input{background:white;border:1px solid #ccd8e9;border-radius:9px;color:var(--hub-ink);padding:13px 15px;min-width:0;width:100%}.account-form input:disabled{background:#f4f7fb;color:#70809a}.account-form fieldset{border:0;margin:0;padding:0;display:contents}.password-field{display:flex;position:relative}.password-field input{padding-right:78px}.password-field button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--hub-muted);font-size:12px}.login-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px}.account-notice{padding:17px 19px;background:#f0f5ff;border:1px solid #d8e4ff;border-radius:10px;color:#34537e;font-size:14px;line-height:1.6;margin:24px 0}.account-notice[data-kind=error]{color:#8b3737;background:#fff4f4;border-color:#f0cdcd}.account-notice strong{display:block;color:var(--hub-ink);font-size:15px;margin-bottom:4px}.account-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100dvh;background:#f5f7fb}.account-sidebar{background:#fff;border-right:1px solid var(--hub-line);padding:34px 24px;display:flex;flex-direction:column;gap:42px;position:sticky;top:0;height:100dvh}.account-sidebar .hub-brand{font-size:23px;gap:9px}.account-sidebar .hub-brand img{width:32px}.account-side-label{color:var(--hub-muted);font-size:11px;letter-spacing:.12em;margin:0 12px 12px}.account-sidebar nav{display:flex;flex-direction:column;gap:7px}.account-sidebar nav a{padding:12px 14px;border-radius:9px;font-size:14px;display:flex;align-items:center;gap:12px}.account-sidebar nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.account-sidebar nav a[aria-current=page]{background:#eaf0ff;color:#2459d8;font-weight:600}.account-sidebar nav a:hover{background:#f1f5fc}.account-side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:18px;font-size:13px;padding-inline:12px;color:var(--hub-muted)}.account-side-bottom button{background:none;border:0;padding:0;text-align:left;color:inherit;font-size:13px}.account-main{padding:32px clamp(24px,4vw,65px) 55px;min-width:0}.account-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;margin-bottom:55px;color:var(--hub-muted)}.account-avatar{display:flex;align-items:center;gap:12px}.account-avatar i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e4ecfc;color:#2459d8;font-weight:600}.account-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:32px}.account-heading h1{font-size:clamp(34px,3.2vw,46px)}.account-heading p{color:var(--hub-muted);margin-top:13px}.account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.account-summary>div{padding:23px 25px;background:#fff;border:1px solid var(--hub-line);border-radius:14px}.account-summary span{display:block;font-size:13px;color:var(--hub-muted);margin-bottom:12px}.account-summary strong{font:500 32px/1.25 Manrope;letter-spacing:-.04em}.subscriptions-list{display:flex;flex-direction:column;gap:15px}.subscription-card{padding:25px 28px;border:1px solid var(--hub-line);border-radius:15px;background:white;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:center}.subscription-card h3{font-size:22px;margin-bottom:8px}.subscription-card p{color:var(--hub-muted);font-size:14px}.subscription-meta{font-size:14px}.subscription-meta small{display:block;font-size:12px;color:var(--hub-muted);margin-bottom:8px}.subscription-meta strong{font-size:18px}.subscription-status{display:flex;justify-content:flex-end}.account-panel{background:#fff;border:1px solid var(--hub-line);padding:30px;border-radius:16px}.account-panel h2{font-size:24px;margin-bottom:22px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:840px}.profile-grid .wide{grid-column:1/-1}.account-form .form-actions{display:flex;align-items:center;gap:20px;margin-top:12px}.account-empty{padding:65px 35px;text-align:center;background:#fff;border:1px solid var(--hub-line);border-radius:18px}.account-empty h2{font-size:27px;margin-bottom:14px}.account-empty p{max-width:520px;margin:0 auto 25px;color:var(--hub-muted)}.account-loading{padding:65px 30px;text-align:center;color:var(--hub-muted)}.account-loading:before{content:'';display:block;margin:0 auto 20px;border:2px solid #d9e5ff;border-top-color:#2e69ff;width:28px;height:28px;border-radius:50%;animation:account-spin .7s linear infinite}.subscription-detail{border-top:1px solid var(--hub-line);padding-top:15px;margin-top:8px;grid-column:1/-1;font-size:13px;color:var(--hub-muted)}.account-billing{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border-radius:14px;background:#eaf0ff}.account-billing p{color:var(--hub-muted);font-size:14px;margin-top:6px}@keyframes account-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.login-layout{gap:40px}.login-story{padding:35px;min-height:540px}.account-shell{grid-template-columns:205px minmax(0,1fr)}.account-sidebar{padding:26px 16px}.account-sidebar .hub-brand{font-size:19px}.account-main{padding:28px}.account-summary{grid-template-columns:1fr 1fr}.account-summary>div:last-child{grid-column:1/-1}.subscription-card{grid-template-columns:1fr 1fr}.subscription-status{justify-content:flex-start}.profile-grid{grid-template-columns:1fr}}@media(max-width:740px){.login-layout{grid-template-columns:1fr;padding-block:35px;gap:35px}.login-story{min-height:0;padding:30px;border-radius:20px}.login-story h1{font-size:36px}.login-story p{display:none}.login-services{margin-top:28px}.login-form-wrap{max-width:none}.login-form-wrap h2{font-size:32px}.account-shell{grid-template-columns:1fr}.account-sidebar{position:static;height:auto;padding:20px;gap:20px;border-right:0;border-bottom:1px solid var(--hub-line)}.account-sidebar nav{flex-direction:row;gap:5px;flex-wrap:wrap}.account-sidebar nav a{padding:10px;font-size:13px}.account-side-label,.account-side-bottom{display:none}.account-main{padding:25px 18px}.account-topbar{margin-bottom:30px}.account-topbar>a{font-size:12px}.account-heading{align-items:start;flex-direction:column;gap:18px}.account-summary{gap:10px}.account-summary>div{padding:18px}.account-summary strong{font-size:27px}.subscription-card{padding:22px;gap:18px}.account-panel{padding:24px}.account-billing{align-items:start;flex-direction:column}.account-empty{padding:40px 22px}}
#billing-actions{display:flex;flex-wrap:wrap;gap:10px}.account-form input[readonly]{background:#f5f7fb;color:#59708e}@media(max-width:740px){.account-side-bottom{display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px}}@media(prefers-reduced-motion:reduce){.account-loading:before{animation:none}.hub-button{transition:none}}