:root{--ux-navy:#0b263f;--ux-teal:#078f80;--ux-teal-dark:#066f65;--ux-mint:#e8f7f3;--ux-page:#f5f8f7;--ux-white:#fff;--ux-border:#d8e4e2;--ux-muted:#607685;--ux-success:#16784b;--ux-warning:#99620b;--ux-danger:#b42318;--ux-shadow:0 18px 50px rgba(11,38,63,.1)}
html{scroll-behavior:smooth}body{font-family:Inter,"Noto Sans","Noto Sans SC",system-ui,-apple-system,sans-serif!important;color:var(--ux-navy);background:var(--ux-page)}button,input,select,textarea{font-family:inherit!important}button,a,input,select,textarea{transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63d6c8!important;outline-offset:3px!important}input,select,textarea{font-size:16px!important}button,.primary-action,.secondary-action,.home-primary,.home-secondary{min-height:48px}.primary-action,.home-primary,.primary-button,#payButton,#sendButton,#verifyButton{background:var(--ux-teal)!important;color:#fff!important;border-color:var(--ux-teal)!important;border-radius:13px!important;font-weight:800!important}.primary-action:hover,.home-primary:hover,.primary-button:hover,#payButton:hover,#sendButton:hover,#verifyButton:hover{background:var(--ux-teal-dark)!important}.secondary-action,.home-secondary,.secondary-button,.outline-link{border-color:#adc9c5!important;color:var(--ux-teal-dark)!important;border-radius:13px!important;background:#fff!important}.kicker,.home-kicker,.eyebrow{color:var(--ux-teal)!important;letter-spacing:1.4px!important;font-weight:900!important}.hidden{display:none!important}
/* Public home */
.home-header{height:80px!important;max-width:none!important;padding:0 max(24px,calc((100vw - 1200px)/2))!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--ux-border)!important;position:sticky!important;top:0;z-index:50;backdrop-filter:blur(14px)}.home-brand{color:var(--ux-navy)!important;font-weight:900!important;letter-spacing:-1px}.home-brand span{color:var(--ux-teal)!important}.home-header nav a{color:#405d6e!important}.home-language select{border:1px solid var(--ux-border)!important;border-radius:12px!important;background:#fff!important}.apply-link{border-radius:13px!important;background:var(--ux-teal)!important}.home-hero{width:min(1200px,calc(100% - 48px))!important;min-height:650px!important;padding:64px 0 138px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px!important;position:relative}.hero-content{max-width:610px!important;align-self:center}.hero-content h1{font-size:clamp(42px,5vw,64px)!important;line-height:1.04!important;letter-spacing:-3px!important;color:var(--ux-navy)!important}.hero-content>p{font-size:18px!important;color:var(--ux-muted)!important;line-height:1.65!important}.hero-content:after{content:"";position:absolute;right:0;top:54px;width:49%;height:470px;border-radius:30px;background:url('/static/assets/frontend-redesign/hero-journey-gpt-image-2.png') 68% center/cover no-repeat}.hero-actions{display:flex!important;gap:12px!important}.trust-points{display:flex!important;gap:18px!important;flex-wrap:wrap!important;color:#3f5f6a!important}.account-card{position:absolute!important;left:0;right:0;bottom:28px!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:auto 1fr 1.7fr auto!important;align-items:center!important;gap:18px!important;padding:22px 28px!important;background:var(--ux-mint)!important;border:1px solid #bfe0db!important;border-radius:20px!important;box-shadow:none!important}.account-card .card-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--ux-teal)}.account-card h2{font-size:22px!important;margin:4px 0!important}.account-card>p{display:none}.account-card ol{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:0!important}.account-card li{border:0!important;background:transparent!important;padding:5px!important}.account-card .full{width:auto!important;white-space:nowrap}.eligibility,.steps,.safety{width:min(1200px,calc(100% - 48px))!important}.eligibility{padding:74px 0!important}.eligibility h2,.steps h2{font-size:38px!important;letter-spacing:-1.5px!important}.eligibility ul{grid-template-columns:1fr 1fr!important;gap:14px!important}.eligibility li,.steps article{border:1px solid var(--ux-border)!important;border-radius:18px!important;background:#fff!important}.steps{padding:74px 0!important}.steps>div{gap:16px!important}.steps article b{color:#8fd2c8!important}.safety{margin:64px auto!important;border-radius:22px!important;background:var(--ux-navy)!important}footer{border-top:1px solid var(--ux-border)!important}
/* Authentication */
.public-header{height:76px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ux-border)!important;padding-inline:max(24px,calc((100vw - 1200px)/2))!important}.portal-brand{color:var(--ux-navy)!important;font-weight:900!important}.portal-brand span{color:var(--ux-teal)!important}.auth-body{background:linear-gradient(120deg,#edf8f5,#fbfaf6)!important}.auth-layout{width:min(1100px,calc(100% - 48px))!important;max-width:none!important;grid-template-columns:.9fr 1.1fr!important;gap:64px!important;padding:48px 0!important}.auth-intro{position:relative;padding-top:400px!important}.auth-intro:before{content:"";position:absolute;top:0;left:0;right:0;height:375px;background:url('/static/assets/frontend-redesign/auth-security-gpt-image-2.png') center/contain no-repeat;mix-blend-mode:multiply}.auth-intro h1{font-size:43px!important;letter-spacing:-2px!important;color:var(--ux-navy)!important}.auth-intro p{color:var(--ux-muted)!important;font-size:17px!important}.trust-list span{color:#3e626c!important}.auth-card{padding:38px!important;border:1px solid var(--ux-border)!important;border-radius:22px!important;box-shadow:var(--ux-shadow)!important;background:#fff!important;max-width:590px!important}.auth-card-heading{margin-bottom:24px!important}.auth-card-heading h2{font-size:32px!important}.lock-mark{background:var(--ux-mint)!important;color:var(--ux-teal)!important}.auth-card label>span{font-weight:800!important}.phone-input,.password-input,.auth-card input{border-color:#bdd0ce!important;border-radius:12px!important;min-height:52px!important}.auth-card form{gap:17px!important}.captcha-box{border:1px solid var(--ux-border)!important;border-radius:16px!important;background:#f9fbfa!important;padding:12px!important}.captcha-visual{border-radius:11px!important;background:var(--ux-mint)!important}.form-error{border-radius:11px}.auth-divider{margin-top:24px!important}.security-note{background:var(--ux-mint)!important;border-radius:12px!important;padding:13px!important;color:#456a72!important}
/* Customer portal */
.portal-body{background:var(--ux-page)!important}.portal-topbar{height:76px!important;background:#fff!important;border-bottom:1px solid var(--ux-border)!important;box-shadow:none!important;padding-inline:28px!important}.staging-banner{background:#fff3d6!important;color:#7b5511!important}.portal-shell{max-width:none!important;grid-template-columns:270px minmax(0,1fr)!important;gap:0!important}.portal-sidebar{min-height:calc(100vh - 102px)!important;background:var(--ux-navy)!important;border:0!important;border-radius:0!important;color:#fff!important;padding:26px 20px!important}.profile-block{border-bottom:1px solid rgba(255,255,255,.14)!important}.profile-block span,.sidebar-help span{color:#bcd0db!important}.portal-sidebar nav button{color:#c5d6df!important;border-radius:12px!important;min-height:49px!important}.portal-sidebar nav button.active,.portal-sidebar nav button:hover{background:#153e59!important;color:#fff!important}.sidebar-help{background:#153e59!important;border-color:rgba(255,255,255,.1)!important}.sidebar-help a,.logout-button{color:#8ce0d2!important}.portal-content{max-width:1440px!important;padding:42px!important}.page-heading h1{font-size:38px!important;letter-spacing:-1.3px!important}.page-heading p{color:var(--ux-muted)!important}.action-card{border-radius:20px!important;background:var(--ux-navy)!important;box-shadow:none!important}.summary-grid{gap:14px!important}.summary-grid article,.panel{border:1px solid var(--ux-border)!important;border-radius:18px!important;box-shadow:none!important;background:#fff!important}.summary-icon{background:var(--ux-mint)!important;color:var(--ux-teal)!important}.security-panel{border-radius:18px!important;background:var(--ux-mint)!important;color:var(--ux-navy)!important}.security-panel p{color:#496d75!important}.application-modal{width:min(1180px,calc(100vw - 40px))!important;height:min(850px,calc(100vh - 40px))!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(11,38,63,.3)!important}.application-modal::backdrop{background:rgba(7,24,39,.7)!important;backdrop-filter:blur(5px)}.application-modal>header{min-height:78px!important;border-bottom:1px solid var(--ux-border)!important}.application-modal iframe{background:var(--ux-page)!important}
/* Guided application and identity */
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--ux-border)!important;box-shadow:none!important}.site-header .brand-word{color:var(--ux-navy)!important}.site-header .brand-word span{color:var(--ux-teal)!important}.primary-nav a,.header-actions .text-button{color:#405d6e!important}.application-shell{background:var(--ux-page)!important}.application-sidebar{background:var(--ux-navy)!important}.application-panel{background:var(--ux-page)!important}.form-step{max-width:820px!important;margin-inline:auto!important}.form-step h2{font-family:inherit!important;color:var(--ux-navy)!important;letter-spacing:-1px!important}.step-header p{color:var(--ux-muted)!important}.field input,.field select,.field textarea{border-color:#bdd0ce!important;border-radius:12px!important;background:#fff!important;min-height:54px!important}.form-grid{gap:17px!important}.identity-stage,.capture-panel,.identity-result{border-radius:20px!important;border-color:var(--ux-border)!important}.camera-stage{border-radius:20px!important;background:#06271f!important}.capture-instruction,.capture-success{border-radius:14px!important;background:var(--ux-mint)!important;border-color:#bfe0db!important}.check-field{border-radius:12px!important}.review-card,.revised-offer-card{border:1px solid var(--ux-border)!important;border-radius:18px!important;box-shadow:none!important}.review-card header{border-bottom-color:var(--ux-border)!important}.success-icon{background:#e7f7ee!important;color:var(--ux-success)!important}.package-card,.calculator-card{border-color:var(--ux-border)!important;border-radius:18px!important;box-shadow:var(--ux-shadow)!important}.package-card:hover{border-color:var(--ux-teal)!important;transform:translateY(-3px)}
/* Repayment and standalone modules */
.repay-shell,.otp-shell{background:linear-gradient(145deg,#e4f4f1,#f7f5ef)!important;padding:40px 16px!important}.repay-card,.otp-card{border:1px solid var(--ux-border)!important;border-radius:24px!important;box-shadow:var(--ux-shadow)!important;background:#fff!important}.repay-card header{border-bottom-color:var(--ux-border)!important}.repay-card h1,.otp-card h1{color:var(--ux-navy)!important;letter-spacing:-1.3px!important}.repay-card dl{border-color:var(--ux-border)!important;border-radius:17px!important}.repay-card dl>div{border-color:var(--ux-border)!important}.amount{background:var(--ux-mint)!important;border-radius:16px!important}.amount strong{color:var(--ux-teal-dark)!important}.bank-field select,.otp-card input{border-color:#bdd0ce!important;border-radius:12px!important;min-height:52px!important}.receipt-button{background:var(--ux-teal)!important;border-radius:13px!important}.otp-shell>header{color:var(--ux-navy)!important}.otp-card .captcha-visual{background:var(--ux-mint)!important;border-radius:12px!important}
@media(max-width:1000px){.home-header nav{display:none!important}.home-hero{grid-template-columns:1fr!important;padding-bottom:220px!important}.hero-content{max-width:100%!important}.hero-content:after{position:relative!important;display:block;top:auto!important;width:100%!important;height:350px!important;margin-top:30px!important}.account-card{grid-template-columns:auto 1fr!important}.account-card ol{grid-column:1/-1}.account-card .full{grid-column:1/-1}.auth-layout{gap:30px!important}.portal-shell{grid-template-columns:220px minmax(0,1fr)!important}.portal-content{padding:28px!important}}
@media(max-width:767px){.home-header{height:66px!important;padding:0 16px!important}.home-header .login-link{display:none}.home-hero{width:calc(100% - 32px)!important;padding:35px 0 330px!important;min-height:0!important}.hero-content h1{font-size:38px!important;letter-spacing:-1.7px!important}.hero-content>p{font-size:17px!important}.hero-actions{display:grid!important}.hero-actions a{width:100%!important;text-align:center}.trust-points{display:grid!important;gap:8px!important}.hero-content:after{height:270px!important;border-radius:22px!important}.account-card{bottom:24px!important;padding:20px!important}.account-card ol{grid-template-columns:1fr!important}.eligibility,.steps,.safety{width:calc(100% - 32px)!important}.eligibility{display:block!important;padding:52px 0!important}.eligibility ul,.steps>div{grid-template-columns:1fr!important}.steps{padding:52px 0!important}.safety{display:grid!important}.auth-layout{width:calc(100% - 32px)!important;display:flex!important;flex-direction:column!important;padding:24px 0!important}.auth-card{order:1!important;width:100%!important;padding:24px!important}.auth-intro{order:2!important;padding-top:270px!important;text-align:center}.auth-intro:before{height:250px!important}.auth-intro h1{font-size:32px!important}.public-header{height:66px!important;padding-inline:16px!important}.portal-shell{display:block!important}.portal-sidebar{position:fixed!important;z-index:40!important;inset:102px auto 0 0!important;width:min(290px,86vw)!important}.portal-content{padding:24px 16px!important}.portal-topbar{height:66px!important;padding-inline:16px!important}.page-heading{display:grid!important}.page-heading h1{font-size:30px!important}.page-heading .primary-action{width:100%!important}.summary-grid{grid-template-columns:1fr 1fr!important}.dashboard-grid{grid-template-columns:1fr!important}.application-modal{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important}.application-modal>header{min-height:66px!important}.site-header{min-height:64px!important}.application-panel{padding:24px 16px 40px!important}.form-step h2{font-size:28px!important}.form-grid{grid-template-columns:1fr!important}.form-navigation{position:static!important;background:#fff!important;border-top:1px solid var(--ux-border)!important;margin:24px -16px 0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column-reverse!important;gap:9px!important}.form-navigation button{width:100%!important}.camera-stage{aspect-ratio:4/3!important}.repay-shell,.otp-shell{padding:18px 12px!important}.repay-card,.otp-card{border-radius:20px!important;padding:24px 18px!important}.repay-card h1,.otp-card h1{font-size:34px!important}.amount{align-items:flex-start!important;gap:12px!important}.amount strong{font-size:28px!important}}
@media(max-width:380px){.home-header .apply-link{display:none}.summary-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Approved landing composition refinements after real-page visual QA. */
.home-hero{padding:64px 0!important}
.account-card{position:static!important;grid-column:1/-1!important;display:flex!important}.account-card .card-icon{margin:0!important;flex:0 0 auto}.account-card h2{width:190px!important;flex:0 0 auto}.account-card ol{display:flex!important;flex:1!important;margin:0!important}.account-card ol li{flex:1!important}.account-card .full{width:auto!important;margin:0!important;white-space:nowrap!important}
.eligibility{padding:56px 34px!important;border-radius:24px!important;background:var(--ux-mint)!important;color:var(--ux-navy)!important}
.eligibility h2{color:var(--ux-navy)!important}.eligibility p{color:var(--ux-muted)!important}.eligibility li{color:var(--ux-navy)!important}
.safety{color:#fff!important}.safety strong{color:#fff!important}.safety p{color:#bed0db!important}.safety a{color:#79d6c8!important}
@media(max-width:1000px){.home-hero{padding-bottom:48px!important}.account-card{display:grid!important;grid-template-columns:auto 1fr!important}.account-card h2{width:auto!important}.account-card ol{grid-column:1/-1!important}.account-card .full{grid-column:1/-1!important;width:100%!important}}
@media(max-width:767px){.home-hero{padding:35px 0!important}.account-card{padding:20px!important}.account-card ol{display:grid!important;grid-template-columns:1fr!important}.eligibility{padding:38px 22px!important}}

/* Final designer QA: contrast, trustworthy iconography and mobile access. */
.security-panel .shield{font-size:0!important}.security-panel .shield:before{content:"◇";font-size:40px!important;color:var(--ux-teal)!important}
.action-card h2{color:#fff!important}.action-card p{color:#bed0db!important}.action-card .kicker{color:#8ce0d2!important}.action-card .primary-action{background:#fff!important;color:var(--ux-teal-dark)!important;border-color:#fff!important}
@media(max-width:767px){.home-header{height:auto!important;min-height:112px!important;padding:10px 16px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.home-header .home-brand{justify-self:start!important}.home-header .home-actions{width:100%!important;display:grid!important;grid-template-columns:64px 1fr 1fr!important;gap:8px!important}.home-header .login-link,.home-header .apply-link{display:inline-flex!important;min-height:44px!important;align-items:center!important;justify-content:center!important;padding:0 8px!important;border:1px solid #adc9c5!important;border-radius:12px!important;font-size:12px!important}.home-header .login-link{color:var(--ux-teal-dark)!important}.home-header .apply-link{color:#fff!important}.home-language select{width:64px!important;height:44px!important;padding:0 6px!important}}
@media(max-width:380px){.home-header .apply-link{display:inline-flex!important}}

/* Dedicated registration artwork, kept separate from the login illustration. */
.register-layout .auth-intro:before{background-image:url('/static/assets/brand/registration-banner-sakumaju-v1.png')!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;mix-blend-mode:normal!important;border-radius:24px}