:root{--ais-blue:#0055a3;--ais-blue-dark:#073565;--ais-green:#00a94f;--ais-bg:#f2f7fc;--ais-text:#152b45;--ais-muted:#687a91;--ais-line:#dae5f1;--ais-shadow:0 22px 60px rgba(9,52,96,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ais-text)}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.62}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5eaffb;outline-offset:2px}
.pay-auth-body{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 8% 8%,#e0f8e9 0,transparent 35%),var(--ais-bg);margin:0;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,34px)}
.pay-auth-shell{display:grid;grid-template-columns:minmax(310px,.95fr) minmax(390px,1.05fr);width:min(1060px,100%);min-height:min(670px,calc(100dvh - 36px));border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--ais-shadow);border:1px solid #e2eaf3}
.pay-auth-brand{background:linear-gradient(150deg,#073565,#0055a3 65%,#0878c5);color:#fff;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,52px);isolation:isolate;overflow:hidden}.pay-auth-brand:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border:68px solid rgba(255,255,255,.055);border-radius:50%;right:-210px;top:-150px}.pay-auth-brand:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;background:rgba(0,169,79,.15);border-radius:50%;left:-90px;bottom:-100px}
.pay-auth-brand-top,.pay-auth-brand-foot{font-size:12px;letter-spacing:.055em;font-weight:650;color:#d6eaff}.pay-dot{display:inline-block;width:7px;height:7px;background:#40de8e;border-radius:50%;vertical-align:middle;margin-right:8px}.pay-auth-brand-copy{max-width:420px}.pay-brand-eyebrow,.pay-eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;color:#00a94f}.pay-auth-brand .pay-brand-eyebrow{color:#88f4bd}.pay-auth-brand-copy h1{font-size:clamp(37px,4vw,56px);font-weight:800;line-height:1.07;letter-spacing:-.045em;margin:17px 0 20px;color:#fff}.pay-auth-brand-copy p{font-size:16px;line-height:1.8;color:#d5e8fa;max-width:340px}.pay-brand-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.pay-brand-features span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:8px 12px;font-size:11px;font-weight:650}
.pay-auth-panel{display:flex;align-items:center;justify-content:center;padding:clamp(26px,5vw,72px)}.pay-auth-content{width:min(400px,100%)}.pay-auth-logo{display:inline-block;margin-bottom:32px}.pay-auth-logo img{display:block;width:auto;max-width:205px;max-height:100px;object-fit:contain}.pay-auth-step{font-size:11px;letter-spacing:.13em;font-weight:850;color:var(--ais-green);display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pay-step-dots{display:flex;gap:5px}.pay-step-dots i{display:block;background:#dae7f4;width:23px;height:4px;border-radius:20px}.pay-step-dots i.active{background:var(--ais-green)}.pay-auth-title{font-weight:800;letter-spacing:-.035em;color:var(--ais-text);font-size:clamp(26px,3vw,34px);margin:0 0 12px}.pay-auth-description{font-size:14px;line-height:1.7;color:var(--ais-muted);margin-bottom:28px}.pay-auth-description strong{color:var(--ais-blue-dark)}.pay-auth-form label{display:block;font-size:13px;color:#344961;font-weight:750;margin:0 0 9px}.pay-phone-input{display:flex;min-height:58px;border:1px solid #cfdeec;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.pay-phone-input:focus-within{border-color:var(--ais-blue);box-shadow:0 0 0 4px #0055a316}.pay-phone-input span{padding:17px 14px;background:#f0f6fc;border-right:1px solid #d6e3f0;font-weight:800;color:#3c5770;white-space:nowrap}.pay-phone-input input{border:0;outline:0;min-width:0;flex:1;padding:13px 16px;color:var(--ais-text);letter-spacing:.08em;font-size:17px}.pay-phone-input input:focus{outline:0}.pay-code-input{width:100%;height:61px;border:1px solid #cfdeec;border-radius:12px;font-size:26px;letter-spacing:.32em;text-align:center;font-weight:850;color:var(--ais-blue-dark);padding-left:15px}.pay-code-input:focus{border-color:var(--ais-blue);box-shadow:0 0 0 4px #0055a316;outline:0}.pay-code-input::placeholder{letter-spacing:0;font-size:18px;color:#9caec1}.pay-input-hint{font-size:12px;line-height:1.5;color:var(--ais-muted);margin:10px 0 24px}.pay-primary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-radius:12px;padding:16px 20px;color:#fff;background:linear-gradient(110deg,var(--ais-blue),#087bc8);font-weight:800;min-height:55px;box-shadow:0 12px 28px #0055a32a;transition:transform .15s,filter .15s}.pay-primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.pay-secure-note{border:1px solid #daeddf;background:#f2fcf5;color:#347049;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6;margin-top:23px}.pay-secure-note span{color:var(--ais-green);margin-right:7px}.pay-auth-footer{font-size:11px;color:#899bad;line-height:1.5;text-align:center;margin:24px 0 0}.pay-message{padding:12px 15px;border-radius:10px;font-size:13px;line-height:1.5;margin-bottom:18px}.pay-message-error{color:#922a29;background:#fff3f3;border:1px solid #ffd8d8}.pay-message-info{color:#25557d;background:#eff8ff;border:1px solid #cce9ff}.pay-resend-block{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:23px;padding-top:22px;border-top:1px solid var(--ais-line)}.pay-resend-block form{margin:0}.pay-countdown-text{color:var(--ais-muted);font-size:12px;text-align:center}.pay-resend,.pay-change{background:transparent;border:0;color:var(--ais-blue);text-decoration:none;font-size:13px;font-weight:750;padding:5px 12px;border-radius:8px}.pay-resend:hover:not(:disabled),.pay-change:hover{background:#eaf4ff;text-decoration:none;color:#003d78}.pay-resend:disabled{color:#778ca2}.pay-account-grid{display:grid;gap:11px}.pay-account-grid form{margin:0}.pay-account-option{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ais-line);border-radius:13px;padding:13px;text-align:left;color:var(--ais-text);transition:box-shadow .2s,border-color .2s,transform .2s}.pay-account-option:hover{border-color:#8bbcea;box-shadow:0 8px 23px #094b8e17;transform:translateY(-1px)}.pay-account-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border-radius:12px;color:#008f41;background:#e9f9ef;font-size:24px}.pay-account-name{flex:1;min-width:0}.pay-account-name strong,.pay-account-name small{display:block}.pay-account-name strong{font-size:14px}.pay-account-name small{font-size:12px;color:var(--ais-muted);margin-top:3px}.pay-account-arrow{color:var(--ais-blue);font-size:20px}
.pay-app-body{min-height:100dvh;background:radial-gradient(ellipse at 95% 0,#e5f3ff,transparent 32%),var(--ais-bg)}.pay-topbar{background:#fff;border-bottom:1px solid #dde8f3;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0c4a8410}.pay-nav-inner{max-width:1280px;margin:auto;min-height:80px;padding:11px clamp(14px,3vw,28px);display:flex;justify-content:space-between;align-items:center;gap:20px}.pay-brand{display:flex;align-items:center;gap:13px;color:var(--ais-text);text-decoration:none;min-width:0}.pay-brand:hover{color:var(--ais-text);text-decoration:none}.pay-brand img{width:112px;max-height:54px;object-fit:contain}.pay-brand-label strong,.pay-brand-label small{display:block}.pay-brand-label strong{font-size:19px;font-weight:850;letter-spacing:-.02em}.pay-brand-label small{font-size:11px;color:var(--ais-muted)}.pay-top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(10px,2vw,22px)}.pay-header-link{font-size:13px;font-weight:750;color:#3c5976}.pay-header-link:hover{text-decoration:none;color:var(--ais-blue)}.pay-cart-link{display:flex;align-items:center;gap:7px}.pay-badge{display:inline-flex;background:#e6f5ec;color:#007c38;padding:1px 7px;border-radius:100px;min-width:22px;justify-content:center}.pay-current-account{border-left:1px solid var(--ais-line);padding-left:16px;line-height:1.25}.pay-current-account small,.pay-current-account strong{display:block}.pay-current-account small{font-size:10px;color:var(--ais-muted)}.pay-current-account strong{font-size:14px;color:var(--ais-blue-dark)}.pay-signout-form{margin:0}.pay-signout{background:#fff;border:1px solid #c8d9e8;border-radius:9px;color:#365c7d;padding:9px 13px;font-size:12px;font-weight:750}.pay-signout:hover{background:#eff7ff}.pay-main{max-width:1230px;padding-top:25px;padding-bottom:35px}.pay-welcome{background:linear-gradient(120deg,#073565,#0055a3 62%,#087cc7);color:#fff;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(22px,4vw,34px);box-shadow:0 15px 35px #03498725;margin-bottom:22px}.pay-welcome h1{font-size:clamp(24px,3vw,34px);color:#fff;font-weight:830;letter-spacing:-.025em;margin:7px 0}.pay-welcome p{color:#d5e8fb;margin:0;font-size:13px}.pay-welcome .pay-eyebrow{color:#9ef3bf}.pay-account-switcher{width:min(300px,100%);min-width:200px}.pay-account-switcher label{display:block;font-size:11px;color:#e1eefc;margin-bottom:5px}.pay-switch-row{display:flex;gap:7px}.pay-switch-row select{min-width:0}.pay-outline{border:1px solid #ffffff90;color:#fff;background:#ffffff18;border-radius:7px;padding:0 12px;font-size:12px;font-weight:750}.pay-outline:hover{background:#ffffff3d}.pay-main-surface{background:#fff;border:1px solid #dae6f3;border-radius:20px;box-shadow:0 12px 35px #073c6b0b;padding:clamp(15px,3vw,30px);min-height:200px;overflow-x:auto}.pay-main-surface .table{width:100%}.pay-main-surface .table>thead>tr>th{border-top:0;background:#eef5fc;color:#234765;font-size:13px;vertical-align:middle}.pay-main-surface .table>tbody>tr>td{vertical-align:middle;border-color:#edf1f6}.pay-main-surface .btn{border-radius:10px;min-height:37px;white-space:normal}.pay-main-surface .btn-primary,.pay-main-surface .custom-blue-button{background:var(--ais-blue);border-color:var(--ais-blue);color:#fff}.pay-main-surface a.btn-primary,.pay-main-surface a.custom-blue-button{color:#fff!important}.pay-main-surface .btn-success{background:#008f44;border-color:#008f44;color:#fff}.pay-main-surface .form-control{min-height:40px;border-color:#ccdeeb}.pay-main-surface .card{border:1px solid #e1eaf4;border-radius:14px;box-shadow:0 5px 20px #0b3b6410}.pay-main-surface .clickable-row:hover{background:#edf7ff}.pay-footer{text-align:center;padding:14px;font-size:11px;color:#8a9aad}
@media(max-width:800px){.pay-auth-shell{grid-template-columns:1fr;min-height:0;max-width:550px}.pay-auth-brand{padding:20px 24px;min-height:0}.pay-auth-brand-copy h1{font-size:25px;margin:8px 0}.pay-auth-brand-copy p{display:none}.pay-brand-features,.pay-auth-brand-foot{display:none}.pay-auth-brand-top{font-size:10px}.pay-auth-panel{padding:30px 25px}.pay-auth-logo{margin-bottom:25px}.pay-auth-logo img{max-width:180px}.pay-auth-body{align-items:flex-start}.pay-welcome{flex-wrap:wrap}.pay-nav-inner{flex-wrap:wrap;gap:8px}.pay-brand-label small{display:none}.pay-brand img{width:90px}.pay-brand-label strong{font-size:16px}.pay-header-link{font-size:12px}.pay-current-account{padding-left:8px}.pay-main{padding-top:15px}.pay-main-surface{padding:15px}.pay-account-switcher{min-width:0}}
@media(max-width:430px){.pay-top-actions{gap:10px;width:100%;justify-content:space-between}.pay-brand{margin:0 auto}.pay-nav-inner{flex-direction:column}.pay-main-surface{border-radius:14px}.pay-auth-body{padding:9px}.pay-auth-shell{border-radius:19px}.pay-auth-panel{padding:25px 19px}.pay-current-account strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.pay-fee-intro h2{font-size:clamp(21px,2.6vw,28px);font-weight:810;letter-spacing:-.025em;margin:7px 0;color:var(--ais-text)}.pay-fee-intro p{color:var(--ais-muted);font-size:13px;margin:0 0 19px}.pay-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:31px}.pay-action-grid form{margin:0}.pay-action-card{display:flex;align-items:center;width:100%;text-align:left;gap:14px;min-height:96px;padding:18px;border:1px solid #dce7f3;border-radius:15px;background:linear-gradient(160deg,#fff,#f8fbff);color:var(--ais-text);transition:transform .18s,border-color .18s,box-shadow .18s}.pay-action-card:hover{border-color:#91bde7;transform:translateY(-2px);box-shadow:0 12px 27px #0a4b8a13}.pay-action-card>span:nth-child(2){flex:1;min-width:0}.pay-action-card strong,.pay-action-card small{display:block}.pay-action-card strong{font-size:14px;font-weight:800}.pay-action-card small{font-size:12px;line-height:1.45;color:var(--ais-muted);margin-top:5px}.pay-action-card>span:last-child{font-size:20px;color:var(--ais-blue)}.pay-action-symbol,.pay-category-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;flex:0 0 45px;border-radius:12px;color:var(--ais-blue);background:#e9f4ff;font-size:24px}.pay-action-card-emphasis{border-color:#b6e4c8;background:#f7fcf9}.pay-action-card-emphasis .pay-action-symbol{background:#e3f8eb;color:#007c36}.pay-fee-section-heading{margin-bottom:15px}.pay-fee-section-heading h3{font-size:20px;color:var(--ais-text);font-weight:810;margin:5px 0}.pay-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px}.pay-category-card{display:flex;align-items:center;gap:12px;padding:17px 16px;border-radius:13px;background:#fff;border:1px solid #dce7f3;text-decoration:none;color:var(--ais-text)}.pay-category-card:hover{color:var(--ais-blue);text-decoration:none;background:#f5faff;border-color:#99bee1}.pay-category-name{flex:1;font-size:14px;font-weight:760;min-width:0}.pay-category-icon{width:38px;height:38px;flex-basis:38px;font-size:20px}.pay-category-arrow{color:var(--ais-blue)}.pay-empty-state{padding:20px;border:1px dashed #c6d8e9;border-radius:12px;color:var(--ais-muted);font-size:13px}@media(max-width:650px){.pay-action-grid{grid-template-columns:1fr}.pay-action-card{min-height:75px;padding:13px}}

.pay-primary.is-submitting>span:last-child,.pay-account-option.is-submitting .pay-account-arrow{display:none}.pay-primary.is-submitting:after,.pay-account-option.is-submitting:after{content:"";display:inline-block;flex:0 0 17px;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pay-spin .7s linear infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pay-primary.is-submitting:after,.pay-account-option.is-submitting:after{animation:none;border-right-color:currentColor}}