:root{--blue:#1559bd;--dark:#092750;--ink:#142d49;--muted:#667c93;--line:#dce7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eaf0f7;color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #61a5ff;outline-offset:2px}.demo-strip{background:#fff4d8;text-align:center;padding:8px 14px;font-size:11px;color:#785200;font-weight:700}.wrap{width:min(100%,430px);margin:auto;background:#fff;box-shadow:0 15px 60px #09275016}.nav{display:flex;align-items:center;justify-content:space-between;padding:13px 20px}.logo{font-size:19px;font-weight:850;color:#12519d}.nav-cta{border:0;background:var(--blue);color:white;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:700}.hero{background:linear-gradient(140deg,#081f40,#0f488b);color:#fff}.hero-content{padding:26px 20px 22px}.eyebrow,.kicker{font-size:11px;color:#2264b8;letter-spacing:1.4px;font-weight:850}.eyebrow{color:#c2defa}.hero h1{font-size:31px;line-height:1.22;letter-spacing:-.8px;margin:15px 0 12px}.hero p{color:#d9e9fd;font-size:13px}.cta{border:0;border-radius:12px;padding:14px 16px;width:100%;font-weight:800}.cta-white{background:#fff;color:#154a93;margin-top:15px}.cta-blue{background:var(--blue);color:#fff}.hero-img{position:relative}.hero-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.hero-caption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px;background:#061d3cd9;color:#fff;border-radius:8px;font-size:10px;line-height:1.4}.section{padding:30px 20px}.section-pale,.form-zone{background:#f1f6fc}h2{font-size:24px;letter-spacing:-.5px;line-height:1.25;margin:9px 0 12px}.lead{font-size:12px;color:var(--muted);margin:0 0 17px}.fine{font-size:10px;line-height:1.7;color:#75869a;margin-top:12px}.fine.light{text-align:center;color:#cfdef4}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat{background:linear-gradient(145deg,#eaf3ff,#fff);border:1px solid #dfeaf8;border-radius:13px;text-align:center;padding:17px 2px}.stat strong{font-size:clamp(17px,4.6vw,23px);color:#1558ad;letter-spacing:-.8px;display:block;white-space:nowrap;font-variant-numeric:tabular-nums}.stat span{font-size:10px;color:#60758c}.loan-card,.form-card{background:#fff;border:1px solid #dce8f4;border-radius:19px;padding:19px 17px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.chip{padding:5px 8px;border-radius:99px;background:#eaf3ff;color:#1760b8;font-size:10px}.big-amount{font-size:30px;color:#1459b2;font-weight:850;letter-spacing:-1px;margin-top:13px}.loan-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.tile{background:#f2f7fd;border-radius:12px;padding:13px 9px}.tile small{display:block;color:#728298;font-size:10px}.tile b{font-size:14px}.rule{height:1px;background:#e4ebf4;margin:14px 0}.bullet{font-size:12px;color:#526c84;margin:9px 0}.loan-card .cta{margin-top:12px}.criteria{display:grid;gap:9px}.criterion{display:flex;gap:11px;align-items:flex-start;border:1px solid #e1eaf4;border-radius:13px;padding:13px}.criterion>span{flex:0 0 33px;width:33px;height:33px;background:#e9f3ff;border-radius:10px;display:grid;place-items:center;color:#1559bd;font-weight:900}.criterion b{font-size:12px}.criterion p{font-size:11px;color:#687c90;margin:3px 0}.ticker{height:187px;overflow:hidden;mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent)}.ticker-inner{animation:verticalScroll 19s linear infinite}.ticker:hover .ticker-inner{animation-play-state:paused}@keyframes verticalScroll{to{transform:translateY(-50%)}}.ticker-item{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid #e0ebf5;border-radius:11px;padding:11px;margin:8px 0}.ticker-item b{display:block;font-size:12px}.ticker-item small{color:#7a899b;font-size:10px}.ticker-item strong{color:#12805d;font-size:14px}.form-zone{padding:30px 17px}.form-card label:not(.checkrow){display:block;font-weight:750;font-size:12px;margin:13px 0 6px}.form-card input:not([type=checkbox]),.form-card select{width:100%;padding:12px;border:1px solid #d5e0ed;border-radius:10px;background:#fcfdff;color:#132d49}.checkrow{display:flex;align-items:flex-start;gap:9px;margin:15px 0;color:#677b90;font-size:11px}.checkrow input{margin-top:4px}.form-card button[type=submit]{margin-top:5px}.error{color:#af3f31;font-size:12px;margin-top:9px}.status-stage{text-align:center;padding:21px 4px}.status-stage[hidden],.overlay[hidden]{display:none!important}.status-stage h3{margin:8px 0}.status-stage p{font-size:12px;color:#60758a}.spinner{width:46px;height:46px;margin:5px auto 15px;border:4px solid #dae9fb;border-top-color:#145abf;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkmark{width:60px;height:60px;display:grid;place-items:center;margin:auto;background:#e4f7ec;color:#158759;font-size:32px;border-radius:50%}.mail{background:#edf5ff;padding:12px;overflow-wrap:anywhere;border-radius:10px;color:#1858ac;font-weight:750}.proof{border:1px solid #e1e9f4;border-radius:14px;overflow:hidden;margin:15px 0;background:#fff}.proof img{width:100%;display:block}.proof-caption{padding:12px}.proof-caption strong,.proof-caption span{display:block}.proof-caption strong{font-size:12px}.proof-caption span{font-size:10px;color:#798ba0}details{border-top:1px solid #e1eaf3;padding:13px 0}summary{cursor:pointer;font-weight:750;font-size:12px}details p{color:var(--muted);font-size:11px}.footer{background:#091e3b;color:#fff;padding:30px 20px}.footer .logo{color:#fff}.footer p{font-size:11px;color:#bed0e4}.footer-links{display:flex;flex-wrap:wrap;gap:10px 15px;margin:17px 0;font-size:11px}.footer .fine{border-top:1px solid #ffffff30;padding-top:15px}.overlay{position:fixed;inset:0;z-index:1000;background:#071a33c9;display:flex;justify-content:center;align-items:center;padding:18px}.modal{width:100%;max-width:380px;background:#fff;border-radius:22px;padding:22px;box-shadow:0 20px 70px #001a3477}.modal h2{font-size:23px}.modal p,.modal li{font-size:12px;color:#576d82;line-height:1.8}.modal ul{padding-left:18px}.notice-icon{font-size:25px;color:#1355b3}@media(min-width:650px){.wrap{border-radius:24px;overflow:hidden;margin:25px auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important}}

/* Refined hero action */
.hero .hero-apply{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:50px;margin-top:24px;padding:13px 20px;border:1px solid #ffffff9c;border-radius:8px;background:#f5f9ff;color:#16477e;font-size:15px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px #00162d14;transition:background .2s,transform .2s}.hero-apply svg{flex:none;opacity:.8}.hero .hero-apply:hover{background:#fff}.hero .hero-apply:active{transform:translateY(1px)}

.nav .logo{display:flex;align-items:center;line-height:1}.nav .brand-logo{display:block;width:104px;height:auto;object-fit:contain}

/* Compact header action */
.nav .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 17px;border:1px solid #1559bd;border-radius:6px;background:#1559bd;color:#fff;font-size:12px;line-height:18px;font-weight:500;letter-spacing:.5px;box-shadow:none;transition:background .18s}.nav .nav-cta:hover{background:#104b9f}.nav .nav-cta:active{background:#0c3d85}

.nav .brand-logo{width:112px;height:42px;object-fit:contain}.nav .logo{height:42px;display:flex;align-items:center}

/* Language switcher */
.nav-right{display:flex;align-items:center;gap:9px}
.lang-switcher{position:relative}
.lang-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:38px;height:36px;padding:0 8px;border:1px solid #b9cfe8;border-radius:8px;background:#fff;color:#1559bd;transition:background .18s}
.lang-toggle:hover{background:#eef5fd}
.lang-toggle .lang-caret{width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:132px;margin:0;padding:5px;list-style:none;background:#fff;border:1px solid #d5e0ed;border-radius:10px;box-shadow:0 10px 30px #0927501f}
.lang-option{display:block;width:100%;padding:8px 10px;border:0;border-radius:7px;background:none;color:#142d49;font-size:12px;font-weight:600;text-align:left;white-space:nowrap}
.lang-option:hover{background:#eef5fd;color:#1559bd}
.lang-option.active{color:#1559bd;background:#e4effd}
[dir="rtl"] .lang-menu{right:auto;left:0}
/* RTL (Arabic) */
[dir="rtl"] .nav{flex-direction:row-reverse}[dir="rtl"] .hero-content{text-align:right}[dir="rtl"] .hero-reveal{direction:rtl}[dir="rtl"] .ticker-item{flex-direction:row-reverse}[dir="rtl"] #notice .notice-body section,[dir="rtl"] #noticeScroll{text-align:right;direction:rtl}[dir="rtl"] #noticeAcknowledge::before{transform-origin:right center}[dir="rtl"] h2,[dir="rtl"] .hero h1{letter-spacing:0}

/* Hero image above introduction */
.hero{display:flex;flex-direction:column}.hero>.hero-img{order:-1}

.footer.footer-slogan{padding:32px 20px;text-align:center}.footer.footer-slogan p{margin:0;color:#e5effc;font-size:16px;font-weight:500;line-height:1.7;letter-spacing:1px}

#notice{padding:16px;background:#031022bb;backdrop-filter:blur(4px)}#notice .modal{display:flex;flex-direction:column;max-width:410px;height:min(84dvh,740px);padding:0;border:1px solid #4186dc;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at top right,#19477b,transparent 50%),linear-gradient(155deg,#102b4b,#08182d);color:#fff;box-shadow:0 24px 70px #0006}#noticeScroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:34px 25px 20px}#noticeScroll::-webkit-scrollbar{display:none}.notice-intro{padding-bottom:24px;border-bottom:1px solid #ffffff24}.notice-intro small{color:#98c2f6;font-size:11px;letter-spacing:2px}#notice h2{font-size:27px;line-height:1.5;margin:24px 0 18px;color:#fff;font-weight:650}#notice .notice-intro p{color:#b6cce4;margin:0}.notice-body section{margin-top:26px}#notice h3{font-size:16px;margin:0 0 10px;color:#f2f7ff;font-weight:600}#notice h3 span{font-size:12px;color:#78adf2;margin-right:8px}#notice .notice-body p{color:#b6c6da;font-size:13px;line-height:1.95;margin:0}.notice-actions{flex:none;padding:0 24px 22px;background:#08182d}#noticeHint{text-align:center;color:#8cbcff;font-size:12px;padding:12px 0 15px}#noticeAcknowledge{min-height:50px;border-radius:28px;font-size:14px;font-weight:600;background:#1c64cf;position:relative;overflow:hidden;z-index:0}#noticeAcknowledge::before{content:"";position:absolute;inset:0;z-index:-1;background:#1c64cf;transform:scaleX(var(--progress,0));transform-origin:left center;transition:transform .95s linear}#noticeAcknowledge:disabled{background:#edf2f8;color:#8291a5;cursor:default}#noticeAcknowledge:not(:disabled){background:#1c64cf;color:#fff}#noticeAcknowledge:not(:disabled)::before{transition:none;transform:scaleX(1)}

#stats>h2{text-align:center;margin:0 0 22px;letter-spacing:1px}

#loan>h2{text-align:center;margin:0 0 22px;letter-spacing:1px}

.footer.footer-slogan{background:#091e3b;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px 30px}.footer-brand{display:block;width:118px;height:auto;background:transparent;filter:brightness(0) invert(1)}.footer.footer-slogan p{margin:0}

/* White notice with blue outline */
#notice .modal{background:#fff;border:1px solid #2875d4;color:#142d49}
#notice .notice-intro{border-bottom:1px solid #dce7f2}
#notice .notice-intro small{color:#3974b8}
#notice h2,#notice h3{color:#142d49}
#notice .notice-intro p{color:#60758e}
#notice h3 span{color:#2164ba}
#notice .notice-body p{color:#61738a}
#notice .notice-actions{background:#fff}
#noticeHint{color:#2164ba}
#noticeAcknowledge{background:#edf2f8;color:#8291a5}#noticeAcknowledge:disabled{background:#edf2f8;color:#8291a5}#noticeAcknowledge:not(:disabled){background:#1c64cf;color:#fff}

/* Open, evenly spaced service metrics */
#stats{padding:34px 20px 36px}#stats>h2{font-size:22px;font-weight:600;letter-spacing:2px;margin:0 0 30px}
#stats .stats{gap:0}#stats .stat{background:none;border:0;border-radius:0;padding:3px 7px;text-align:center;box-shadow:none}
#stats .stat+.stat{border-left:1px solid #e0e8f1}
#stats .stat strong{display:inline;font-size:32px;line-height:1.2;font-weight:650;letter-spacing:-1px;color:#175bb5}
#stats .stat .stat-unit{display:inline-block;font-size:11px;line-height:1.2;font-style:normal;font-weight:500;color:#175bb5;margin-left:3px;white-space:nowrap}
#stats .stat>span{display:block;margin-top:12px;color:#78899d;font-size:10px;line-height:1.5;letter-spacing:.3px}

#notice .notice-body p+p{margin-top:10px}#notice .notice-body section+section{padding-top:4px}

#notice .modal{border:1px solid #2164ba}#notice .notice-logo{display:block;width:122px;height:auto;margin:0 auto 24px;background:transparent}#notice h2{margin-top:0}

/* Match the photographic navy palette and simplify the action */
.hero{background:#0b1c30}
.hero>.hero-img::after{content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:-1px;height:58px;background:linear-gradient(180deg,transparent,#0b1c30)}
.hero .hero-content{padding:25px 24px 30px;background:linear-gradient(180deg,#0b1c30,#10263f)}
.hero h1{font-size:28px;font-weight:600;line-height:1.45;letter-spacing:0;margin:0;color:#f4f7fc}
.hero .hero-apply{width:100%;min-height:48px;margin:24px 0 0;padding:12px 20px;justify-content:center;border:1px solid #5688c6;border-radius:7px;background:transparent;color:#f3f7fd;font-size:14px;font-weight:500;letter-spacing:1px;box-shadow:none}
.hero .hero-apply:hover{background:#ffffff0a;border-color:#8ab8f0}
.hero .hero-apply:active{background:#ffffff12}

#noticeHint{display:flex;align-items:center;justify-content:center;gap:9px}
#noticeHint::after{content:"";display:block;width:14px;height:16px;background:center/14px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='m3 4 4 4 4-4M3 8l4 4 4-4' stroke='%232164ba' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#noticeHint.is-read::after{display:none}

/* Subtle animated blue outline without layout movement */
.hero .hero-apply{animation:heroOutlineBreath 3s ease-in-out infinite}
@keyframes heroOutlineBreath{0%,100%{border-color:#5688c6;box-shadow:0 0 0 0 #6eafff00,inset 0 0 0 0 #6eafff00}50%{border-color:#a2cfff;box-shadow:0 0 12px 1px #6eafff26,inset 0 0 8px #6eafff0d}}
@media(prefers-reduced-motion:reduce){.hero .hero-apply{animation:none;border-color:#79a9e4}}

/* Calm, consistent application fields */
#apply .form-card{padding:25px 20px;border-radius:20px}#apply .form-card>h2{text-align:center;font-size:23px;font-weight:600;letter-spacing:1px;margin:0 0 26px}
#apply .form-card label:not(.checkrow){font-size:12px;font-weight:500;color:#405873;margin:19px 0 8px}
#apply .form-card input:not([type=checkbox]),#apply .form-card select{min-height:48px;padding:13px 14px;font-size:13px;border:1px solid #dbe5f0;border-radius:9px;background-color:#f8fafd;color:#203b5c;box-shadow:none;transition:border-color .2s,box-shadow .2s}
#apply input::placeholder{color:#93a1b2;opacity:1}
#apply .form-card select{appearance:none;-webkit-appearance:none;padding-right:35px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236b83a0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px}
#apply select:invalid{color:#93a1b2}#apply select option{color:#203b5c;background:#fff}
#apply .form-card input:focus-visible,#apply .form-card select:focus-visible{outline:none;border-color:#558bd0;box-shadow:0 0 0 3px #2164ba0e;background-color:#fff}
#apply .form-card button[type=submit]{margin-top:24px;min-height:48px;border-radius:9px;font-size:14px;font-weight:500;letter-spacing:1px}

.country-control{position:relative}#apply .country-control select{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;pointer-events:none;bottom:0;left:0}
#apply #countryTrigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:13px 14px;border:1px solid #dbe5f0;border-radius:9px;background:#f8fafd;color:#93a1b2;font-size:13px;text-align:left;font-weight:400}#apply #countryTrigger.has-value{color:#203b5c}#countryTrigger i{width:7px;height:7px;border-right:1.5px solid #6b83a0;border-bottom:1.5px solid #6b83a0;transform:rotate(45deg);margin-right:3px;margin-top:-4px}#countryTrigger:focus-visible{outline:2px solid #558bd0;outline-offset:2px}
#countrySheet[hidden]{display:none!important}#countrySheet{position:fixed;inset:0;z-index:1100;background:#071a3370;display:flex;align-items:flex-end;justify-content:center;padding:12px}.country-panel{width:100%;max-width:430px;background:#fff;border:1px solid #dce7f2;border-radius:24px;padding:12px 18px 20px;box-shadow:0 -10px 50px #071a3320}.country-handle{height:4px;width:32px;border-radius:9px;background:#d9e3ef;margin:0 auto 20px}.country-panel h3{font-size:17px;text-align:center;margin:0 0 20px;color:#183756;font-weight:600}.country-options{display:grid;gap:7px}.country-options button{display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:13px 16px;border:1px solid transparent;background:#f7f9fc;border-radius:10px;font-size:14px;color:#344d68;text-align:left}.country-options button.selected{color:#1559bd;background:#edf4ff;border-color:#bdd5f5}.country-options button.selected span{width:11px;height:6px;border-left:2px solid #1559bd;border-bottom:2px solid #1559bd;transform:rotate(-45deg)}#countryCancel{display:block;width:100%;margin-top:14px;min-height:44px;background:none;border:0;color:#738399;font-size:14px}

/* Loan card hierarchy and alignment */
#loan .loan-card{padding:26px 20px 22px;border-radius:18px}
#loan .big-amount{text-align:center;font-size:clamp(25px,7.3vw,32px);line-height:1.25;font-weight:650;letter-spacing:-1px;margin:0 0 24px;white-space:nowrap;font-variant-numeric:tabular-nums}
#loan .loan-tiles{gap:10px;margin:0 0 22px}
#loan .tile{padding:15px 10px;border-radius:11px;background:#f3f7fd;text-align:center}
#loan .tile small{font-size:11px;line-height:1.5;color:#7a8ba1;margin-bottom:6px}
#loan .tile b{display:block;font-size:16px;line-height:1.4;font-weight:600;color:#183756;white-space:nowrap}
#loan .rule{margin:0 0 18px;background:#e7edf5}
#loan .bullet{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;color:#63778e;margin:10px 0}
#loan .bullet::before{content:"";flex:0 0 9px;height:5px;margin-top:6px;border-left:1.5px solid #3675bf;border-bottom:1.5px solid #3675bf;transform:rotate(-45deg)}
#loan .loan-card .cta{margin-top:20px;min-height:48px;border-radius:9px;font-size:14px;letter-spacing:.5px;font-weight:500}

.hero-title-line{display:block}.hero-letter{display:inline-block;opacity:0;transform:translateY(7px)}
.hero-reveal.is-visible .hero-letter{animation:heroLetterReveal .48s ease-out var(--letter-delay) both}
@keyframes heroLetterReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-letter{opacity:1;transform:none}.hero-reveal.is-visible .hero-letter{animation:none}}

.ticker-person{display:flex;align-items:center;gap:11px;min-width:0}.ticker-avatar{display:block;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background-image:url('assets/avatar-grid.png');background-size:200% 200%;background-repeat:no-repeat;border:1px solid #e2e9f2}.avatar-0{background-position:0 0}.avatar-1{background-position:100% 0}.avatar-2{background-position:0 100%}.avatar-3{background-position:100% 100%}.ticker-person small{display:block;margin-top:3px}

#loan .interest-offer{margin:-4px 0 20px;padding:17px 12px 14px;border:1px solid #c9def9;border-radius:12px;background:linear-gradient(120deg,#e9f2ff,#f5f9ff);text-align:center}
.interest-offer-title{display:flex;align-items:baseline;justify-content:center;gap:9px;color:#1559bd}.interest-offer-title strong{font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-1px}.interest-offer-title strong span{font-size:15px;font-weight:500;margin-left:5px;letter-spacing:0}.interest-offer-title b{font-size:23px;font-weight:600;letter-spacing:2px}#loan .interest-offer p{font-size:10px;line-height:1.6;color:#6b809c;margin:9px 0 0}