.portal-loading{margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#958ba6;font-size:13px}.login-page{min-height:100vh;background:radial-gradient(ellipse at 15% 40%,#f0edf9 0,transparent 50%),#f8f8fc}.login-header{display:flex;justify-content:space-between;align-items:center;padding:37px 6vw;max-width:1440px;margin:auto}.login-header .brand{margin:0}.login-header>.text-link{font-size:12px}.login-main{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;max-width:1100px;padding:40px 30px 60px;margin:auto;min-height:650px}.login-story>.eyebrow{font-size:10px!important;color:#958baa;margin-bottom:20px}.login-story h1{font-size:48px;line-height:1.28;letter-spacing:-2px;color:#332c4c}.login-story>p:not(.eyebrow){color:#9d94ac;font-size:13px;margin-top:22px;line-height:1.9}.login-story-art{height:245px;position:relative;max-width:360px;margin:40px 0 15px}.art-bill{position:absolute;left:45px;top:15px;width:195px;height:203px;background:#fff;border:1px solid #e9e3f3;border-radius:17px;padding:27px;transform:rotate(-8deg);box-shadow:0 15px 40px #55426e08}.art-back-card{position:absolute;left:110px;top:27px;width:174px;height:185px;background:#dfd9ef;border-radius:15px;transform:rotate(12deg);opacity:.5}.art-bill .icon-tile{height:43px;width:43px}.art-line{display:block;width:100%;height:7px;background:#efecf5;border-radius:5px;margin-top:23px}.art-line.short{width:65%;height:5px;margin-top:10px}.art-status{display:flex;gap:5px;align-items:center;margin-top:24px;font-size:9px;color:#90a696}.art-status .icon{width:12px;height:12px}.art-spark{position:absolute;left:290px;top:6px;color:#b6a8cc;font-size:32px}.art-connected{position:absolute;left:0;bottom:14px;background:#edf5ef;border:1px solid #e0eae2;border-radius:9px;padding:15px 17px;color:#8aa38f;font-size:10px;display:flex;align-items:center;gap:9px;transform:rotate(3deg)}.art-connected>.icon{width:15px;height:15px}.login-trust{display:flex;align-items:center;gap:8px;font-size:10px;color:#a499b2}.login-trust .icon{width:14px;height:14px}.login-card{background:white;border:1px solid #e8e4f0;border-radius:18px;padding:36px;box-shadow:0 20px 70px #4c385309}.login-card>h2{font-size:26px;letter-spacing:-.8px;margin-top:24px}.login-card>p{color:#a198ad;font-size:12px;line-height:1.8;margin-top:12px}.login-card .form-label{font-size:12px;margin-top:28px}.login-card .form-input{font-size:14px;padding:15px}.login-card .input-hint{font-size:10px;margin-top:10px}.login-card .button{margin-top:24px;min-height:47px}.login-card .form-error{font-size:12px;margin-top:18px}.login-divider{border-top:1px solid #f0edf4;margin-top:28px}.login-card .login-helper{font-size:10px;line-height:1.9;color:#a99eb5;margin-top:20px}.login-footer{max-width:1100px;margin:0 auto;padding:20px 30px 35px;border:0;font-size:10px;display:flex;justify-content:space-between;color:#afa5ba}.email-reminder{display:flex;align-items:center;gap:9px;margin-top:25px;border-radius:7px;padding:12px;background:#f8f6fc;color:#9c8caa;font-size:11px}.email-reminder span{flex:1;overflow-wrap:anywhere;min-width:0}.email-reminder .icon{width:15px;height:15px}.email-reminder button{font-size:10px;color:#8d7faa;padding:5px}.code-input{font-size:25px!important;text-align:center;letter-spacing:9px;padding:14px 8px!important;font-family:Manrope,sans-serif}.resend-line{font-size:10px!important;text-align:center;color:#a59aae!important;margin-top:22px!important}.resend-line button{font-size:10px;color:#8f78b7;padding:5px}.resend-line button:disabled{color:#baafc5;cursor:default}.live-pill{display:flex;align-items:center;gap:6px;border-radius:25px;background:#edf7f0;border:1px solid #dfebe3;padding:7px 10px;font-size:9px;color:#779985}.live-pill>span{height:4px;width:4px;border-radius:50%;background:#86ac95}.live-pill.stale{background:#fff6e8;color:#b09365;border-color:#f3e5d0}.live-pill.stale>span{background:#c7a975}.account-banner{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#f0eef8;border:1px solid #e9e5f4;border-radius:8px;margin-bottom:32px;color:#9c91b0;font-size:10px}.account-banner>span{display:flex;gap:9px;align-items:center}.account-banner .icon{width:14px;height:14px}.account-banner button{color:#8c78ad;font-size:10px;display:flex;gap:8px;align-items:center}.live-account-card{padding:26px;background:#efedf8;border:1px solid #e3dff0;border-radius:15px}.live-account-card>.eyebrow{margin-top:23px;font-size:8px!important;color:#a094b4}.live-account-card h2{font-size:25px;color:#6e5d86;overflow-wrap:anywhere}.live-account-card>p:not(.eyebrow){color:#a79ab4;font-size:11px;margin-top:10px;overflow-wrap:anywhere}.live-account-card .plan-price{margin-top:24px}.live-account-card .text-link{font-size:10px;margin-top:7px;color:#8e7aa9}.live-recent{margin-top:27px}.load-more{padding:15px 20px;text-align:center;border-top:1px solid var(--line)}.live-error{font-size:12px;line-height:1.8;color:#ad826c;border:1px solid #f2dfd5;background:#fff7f0;border-radius:8px;padding:16px;margin-bottom:24px}.live-error button{font-size:11px;font-weight:600;color:#9c7259;text-decoration:underline;margin-left:8px}.account-switch strong{overflow-wrap:anywhere}.account-switch>span:nth-child(2){min-width:0}.detail-list dd{overflow-wrap:anywhere;max-width:70%}
@media(max-width:1000px){.login-main{gap:50px;max-width:900px}.login-story h1{font-size:41px}.login-card{padding:29px}.login-story-art{transform:scale(.9);transform-origin:left center}.login-footer{max-width:900px}.balance-value{font-size:40px}.live-account-card{padding:23px}}
@media(max-width:760px){.login-header{padding:23px}.login-header .brand img{width:31px;height:31px}.login-header .brand>span{font-size:16px}.login-header .brand small{font-size:6px}.login-header>.text-link{font-size:10px}.login-main{display:flex;flex-direction:column;gap:28px;padding:20px 23px 35px;min-height:0;max-width:470px}.login-story{width:100%}.login-story h1{font-size:32px;letter-spacing:-1.2px;line-height:1.35}.login-story h1 br{display:none}.login-story>.eyebrow{font-size:8px!important;margin-bottom:13px}.login-story>p:not(.eyebrow){font-size:11px;margin-top:13px;line-height:1.9}.login-story>p br{display:none}.login-story-art{display:none}.login-trust{display:none}.login-card{width:100%;padding:27px 24px;border-radius:14px}.login-card>h2{font-size:23px;margin-top:20px}.login-card>p{font-size:11px}.login-card .login-helper{font-size:10px}.login-footer{padding:0 23px 28px;font-size:9px;gap:15px;margin-top:10px}.live-pill{font-size:8px;padding:6px 8px}.account-banner{font-size:9px;margin-bottom:26px;padding:10px}.account-banner button{font-size:9px}.account-banner>span{gap:6px}.live-account-card{padding:21px;display:grid;grid-template-columns:40px 1fr;column-gap:15px;align-items:center}.live-account-card>.icon-tile{grid-row:1/4}.live-account-card>.eyebrow{margin:0;grid-column:2}.live-account-card h2{font-size:21px;grid-column:2;margin-top:6px}.live-account-card>p:not(.eyebrow){grid-column:2;margin-top:6px;font-size:10px}.live-account-card .plan-price{grid-column:1/3;margin-top:18px;padding:12px 0 0}.live-account-card>.text-link{grid-column:1/3;margin-top:12px}.balance-value{font-size:42px}.live-error{font-size:11px}.live-recent{margin-top:22px}}

.login-activation{font-size:11px;line-height:1.8;padding:13px 15px;background:#f4f1fa;border:1px solid #e7dff1;color:#9b87b0;border-radius:8px;margin-top:22px}.login-card .button:disabled{cursor:default;transform:none}

/* Preserve in-memory transfer drafts during a switch to GCash; reveal only after session revalidation. */
.account-obscured #customer-app,.account-obscured #customer-dialog{visibility:hidden}

/* Quiet layout: concise labels, fewer banners, more space. */
.login-main{display:block;max-width:470px;min-height:0;padding:32px 24px 72px}.login-header{padding:28px 6vw}.login-card>h2{margin-top:16px}.login-footer{justify-content:center}.account-banner{background:transparent!important;border:0!important;padding:0!important;margin:0 0 22px!important;justify-content:flex-end}.sidebar-signout{display:flex;align-items:center;gap:10px;padding:12px 8px;margin-bottom:18px}.quick-grid{margin-top:26px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px;letter-spacing:-.8px}.page-heading p:not(.eyebrow){margin-top:6px}.balance-card{min-height:245px}.balance-value{margin-top:22px}.balance-bottom{padding-top:24px}.brand small{display:none}.brand{margin-bottom:38px}.sidebar nav{gap:5px}.login-header .brand{margin-bottom:0}@media(max-width:760px){.login-main{padding-top:24px;padding-bottom:48px}.login-header{padding:24px}.page-heading h1{font-size:26px}.balance-card{min-height:230px}.quick-grid{margin-top:20px}.account-banner{margin-bottom:16px!important}}

.login-card>h1{font-size:26px;letter-spacing:-.8px;margin-top:16px}.login-card>p,.login-card .input-hint,.login-card .login-helper{color:#71778c;font-size:12px}.page-heading p:not(.eyebrow){font-size:13px}