@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/poppins-400.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('fonts/poppins-500.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('fonts/poppins-600.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('fonts/poppins-700.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url('fonts/poppins-800.ttf') format('truetype')}
:root{--font-brand:Poppins,Arial,Helvetica,sans-serif;--ink:#222329;--muted:#646570;--rule:#e7e7eb;--red:#de2910;--red-dark:#b81c0b}
body,h1,h2,h3,button,input,select,textarea,.btn,.eyebrow,.account-type,.us-access-pill,.footer-wordmark,.footer-wordmark span,.modern-logo{font-family:var(--font-brand)}
body{font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;line-height:1.18}h1{letter-spacing:-2px}h2{letter-spacing:-1.25px}h3{letter-spacing:-.7px}p{margin-bottom:22px}.lead{font-size:18px;line-height:1.85}.eyebrow,.account-type{font-weight:600;font-size:10px;letter-spacing:1.8px}.btn{font-weight:600;letter-spacing:-.2px;padding:14px 25px;gap:22px;transition:background-color .2s,box-shadow .2s,transform .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #9c1b1724}.btn:active{transform:translateY(0)}.btn.secondary{border-width:1px}.modern-logo{font-size:23px;font-weight:700;letter-spacing:-1px}.modern-logo small{font-size:8px;letter-spacing:2.3px;font-weight:500}.modern-mark{border-radius:8px;clip-path:none;width:36px;height:39px;font-size:25px;box-shadow:0 4px 12px #3000001a}.audience-nav{gap:24px}.audience-nav a{font-size:12px;font-weight:500}.product-nav .wrap{gap:31px}.product-nav a{font-size:12px;font-weight:500;transition:opacity .2s}.product-nav a:hover{opacity:.7}.header-actions{gap:12px}.header-actions .btn{font-size:12px}.portal-login summary{font-size:11px;font-weight:600;padding:12px 16px;transition:background .2s}.portal-options{border-radius:15px;box-shadow:0 16px 45px #21080724;border-color:#ece6e3;padding:6px}.portal-options a{border-radius:9px;font-size:12px;padding:14px}.portal-options a+a{border:0}.modern-home .bank-header .masthead{border-color:#ffffff26}.modern-home .bank-header .product-nav a{color:#fff}.welcome-hero{overflow:hidden;background:radial-gradient(ellipse at 90% 8%,#ff94645e 0%,transparent 54%),radial-gradient(ellipse at 0% 100%,#9c0929 0%,transparent 60%),linear-gradient(118deg,#f64621 0%,#de2910 48%,#ce0f2f 100%);min-height:670px;padding-bottom:105px}.welcome-hero:before{background:radial-gradient(ellipse at 50% -20%,#ffcc9429,transparent 60%);z-index:-1}.welcome-hero:after{content:'';position:absolute;width:680px;height:680px;right:-360px;top:40px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 90px #ffffff04,0 0 0 180px #ffffff03;pointer-events:none;z-index:-1}.welcome-label{display:inline-block;font-size:9px;letter-spacing:2px;border:1px solid #ffffff38;border-radius:30px;padding:8px 16px;margin-bottom:25px;background:#ffffff08}.welcome-content{max-width:980px}.welcome-content h1{font-family:var(--font-brand);font-weight:600;font-size:clamp(42px,5.1vw,72px);line-height:1.13;letter-spacing:-2.7px;margin-bottom:24px}.welcome-description{font-size:15px;line-height:1.9;color:#ffefeb;margin-bottom:30px}.welcome-content>.btn{padding:16px 28px;box-shadow:0 10px 32px #70001430;font-size:13px}.hero-bottom{font-size:8px;letter-spacing:1px;bottom:25px;color:#fff9}.modern-collection{padding-top:88px;padding-bottom:88px}.modern-section-heading{margin-bottom:44px}.modern-section-heading h2{font-size:clamp(30px,3vw,42px);font-weight:600}.modern-section-heading>p:last-child{font-size:14px}.modern-product-grid{gap:30px}.modern-product{border:1px solid #ebebee;border-radius:24px;box-shadow:0 8px 30px #24233205;transition:transform .25s,box-shadow .25s,border-color .25s}.modern-product:hover{transform:translateY(-5px);box-shadow:0 20px 45px #4323290e;border-color:#e4cdc8}.product-visual{height:280px;margin:12px 12px 0;border-radius:16px;position:relative;isolation:isolate}.product-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fff9,transparent 65%);z-index:-1}.eternus-visual{background:#f0eeee}.genncard-visual{background:#fff0ea}.mini-card{width:288px;height:182px;background:linear-gradient(135deg,#434347,#202025 65%);border-color:#707077;border-radius:14px;box-shadow:15px 22px 29px #27202b26;transform:rotate(-7deg);overflow:hidden}.mini-card:after{content:'';position:absolute;right:-45px;top:-45px;width:190px;height:190px;border-radius:50%;border:1px solid #ffffff15;box-shadow:0 0 0 22px #ffffff04,0 0 0 44px #ffffff03;pointer-events:none}.mini-card>span{font-size:7px;letter-spacing:1.5px;font-weight:500}.mini-card strong{font-family:var(--font-brand);font-size:30px;font-weight:500;letter-spacing:-1.5px;margin-top:29px}.mini-card strong i{font-size:38px;font-weight:500;color:#ff6b50}.mini-card small{font-size:7px;letter-spacing:1.3px}.genncard-card{background:linear-gradient(125deg,#ff6543,#e22a14 60%,#c71031);border-color:#ff9072;transform:rotate(7deg)}.genncard-card strong{font-size:32px;font-weight:700;letter-spacing:-1.3px}.product-details{padding:32px 35px 36px}.product-details .eyebrow{font-size:9px;letter-spacing:1.1px}.product-details h3{font-size:29px;font-weight:600}.product-details p:not(.eyebrow){font-size:14px;min-height:125px;line-height:1.9}.product-details .btn{font-size:12px}.modern-support{padding:82px 0;background:linear-gradient(120deg,#faf7f6,#f5f5f7)}.support-layout{gap:95px}.support-layout h2{font-size:42px;line-height:1.2}.support-layout>div>p:not(.eyebrow){font-size:14px;line-height:1.9}.support-directory a{font-size:16px;font-weight:500;padding:25px 0;transition:padding .2s,color .2s}.support-directory a:hover{padding-left:8px}.support-directory small{font-size:11px;line-height:1.7;margin-top:7px}.support-directory b{font-weight:400}.home-disclosure{padding-top:36px;padding-bottom:40px}.home-disclosure p{font-size:11px}.home-disclosure h2{font-size:14px;font-weight:600;letter-spacing:0}.modern-inner .main,.modern-inner .page-content{padding-top:60px;padding-bottom:80px}.modern-inner>.hero{background:linear-gradient(115deg,#fff1eb,#fff9f5)}.modern-inner>.hero h1{font-size:clamp(35px,4.5vw,54px);font-weight:600}.modern-inner>.hero p{font-size:15px}.modern-inner .main>h1,.modern-inner .page-content>h1{font-size:clamp(36px,4vw,51px)}.panel{border-top:1px solid #e6dcd8;padding-top:30px}.panel h2{font-size:32px}.panel h3{font-family:var(--font-brand);font-size:23px;font-weight:600}.panel p,.panel li{font-size:14px;line-height:1.9}.card-products{gap:55px}.card-products .panel{border-top:2px solid #de2910}.card-products h2{font-size:32px}.notice,.consumer-notice,.portal-callout{border-radius:18px;padding:28px}.notice{border-left-width:3px}.consumer-notice{background:#fff5f1;border-top-width:2px}.consumer-notice h2{font-size:26px;font-weight:600}.consumer-notice p{font-size:13px;line-height:1.9}.issuing-terms>section h2{font-size:26px}.issuing-terms>section p{font-size:14px;line-height:1.95;max-width:85ch}.issuer-notice h2{font-size:24px}.issuer-notice p{font-size:13px}.issuer-disclosure{font-size:11px}.product-caption{font-size:10px;letter-spacing:1.2px}.eligibility-hero{background:linear-gradient(115deg,#df2a12,#bb1430)}.eligibility-hero h1{font-size:46px}.eligibility-content h2{font-size:29px}.eligibility-content p,.eligibility-content li{font-size:14px}.eligibility-alert{border-radius:14px}.us-access-pill{font-family:var(--font-brand);font-weight:500;box-shadow:0 8px 30px #0002;backdrop-filter:blur(12px);background:#101014f5;border-color:#ffffff24;padding:10px 18px;gap:15px}.us-pill-link{font-weight:500}footer{background:#202126;border-top:4px solid #de2910;padding-top:48px}.footer-wordmark{font-family:var(--font-brand);font-weight:600;font-size:23px;letter-spacing:-.8px}.footer-wordmark span{font-size:8px;font-weight:400;margin-top:11px}.footer-head>a:last-child{font-size:11px;padding:13px 21px;transition:background .2s}.footer-head>a:last-child:hover{background:#b81e09}.footer-grid h2{font-family:var(--font-brand);font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.8px}.footer-grid a{font-size:11px;line-height:1.8;margin-bottom:11px}.footer-grid p{font-size:11px}.footer-legal{font-size:10px;line-height:1.9;gap:40px}.footer-head,.footer-legal,.issuer-disclosure{border-color:#ffffff20}details:not(.portal-login){border-color:#e5e5ea}summary{font-size:14px;font-weight:500}details p{font-size:13px;line-height:1.95}
@media(min-width:1500px){.welcome-content h1{font-size:76px}.welcome-hero{min-height:710px}}
@media(max-width:1120px){.audience-nav{display:none}.masthead{grid-template-columns:1fr auto}.header-actions .apply-link{display:none}}
@media(max-width:850px){.modern-product-grid{gap:22px}.mini-card{width:250px;height:160px;padding:18px}.mini-card strong{margin-top:23px;font-size:26px}.mini-card strong i{font-size:33px}.genncard-card strong{font-size:29px}.mini-card small{bottom:16px}.product-visual{height:245px}.product-details{padding:27px}.product-details p:not(.eyebrow){min-height:160px}.support-layout{gap:45px}.modern-logo{font-size:21px}}
@media(max-width:620px){body{font-size:14px}.masthead{padding-top:60px;padding-bottom:18px;gap:16px}.modern-logo{font-size:18px;letter-spacing:-.8px;gap:8px}.modern-mark{width:29px;height:34px;font-size:22px}.modern-logo small{font-size:7px;letter-spacing:1.6px}.header-actions{gap:7px}.header-actions .btn{font-size:11px;padding:10px 14px;gap:9px}.portal-login summary{font-size:10px;padding:11px 12px;gap:8px}.product-nav .wrap{gap:25px;padding-top:14px;padding-bottom:17px}.product-nav a{font-size:10px}.welcome-hero{min-height:650px;padding-top:265px;padding-bottom:100px}.welcome-content h1{font-size:clamp(36px,10.2vw,52px);letter-spacing:-1.8px;margin-bottom:21px}.welcome-label{font-size:8px;letter-spacing:1.4px;padding:8px 13px;margin-bottom:22px}.welcome-description{font-size:13px;line-height:1.85}.welcome-content>.btn{font-size:12px;padding:14px 24px}.hero-bottom{font-size:7px;letter-spacing:.4px}.modern-collection{padding-top:50px;padding-bottom:50px}.modern-section-heading h2{font-size:29px}.modern-section-heading>p:last-child{font-size:13px}.modern-section-heading .eyebrow{font-size:9px}.modern-product{border-radius:20px}.modern-product-grid{gap:26px}.product-visual{height:250px;border-radius:13px}.mini-card{width:268px;height:170px}.mini-card strong{margin-top:27px;font-size:28px}.genncard-card strong{font-size:31px}.product-details{padding:27px}.product-details h3{font-size:27px}.product-details p:not(.eyebrow){min-height:0;font-size:13px}.modern-support{padding:50px 0}.support-layout{gap:25px}.support-layout h2{font-size:33px}.support-layout>div>p:not(.eyebrow){font-size:13px}.support-directory a{font-size:14px;padding:22px 0}.support-directory small{font-size:10px}.modern-inner .main,.modern-inner .page-content{padding-top:40px;padding-bottom:50px}.modern-inner .main>h1,.modern-inner .page-content>h1{font-size:35px;letter-spacing:-1.5px}.card-products h2{font-size:29px}.card-products{gap:30px}.consumer-notice,.notice,.portal-callout{padding:23px;border-radius:14px}.consumer-notice h2{font-size:24px}.us-access-pill{font-size:11px}.us-pill-link{font-size:12px}.footer-wordmark{font-size:20px}.footer-head>a:last-child{font-size:10px}.footer-grid{column-gap:22px}.footer-grid a{font-size:10px}.footer-legal{font-size:9px}.eligibility-hero h1{font-size:35px}.issuing-terms>section h2{font-size:24px}}
@media(max-width:430px){.masthead{padding-top:67px}.us-access-pill{font-size:10px}.us-pill-link{font-size:11px}.welcome-hero{padding-top:275px}.mini-card{width:250px;height:160px}.mini-card strong{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.btn,.modern-product,.support-directory a,.product-nav a,.portal-login summary{transition:none}.btn:hover,.modern-product:hover{transform:none}.support-directory a:hover{padding-left:0}}

/* Official Bank of Kowloon brand artwork */
.modern-logo.official-logo{display:inline-flex;width:max-content;max-width:100%;padding:5px 9px;background:#24252a;border-radius:9px;line-height:0}.bank-logo-image{display:block;width:272px;height:auto;max-width:100%;object-fit:contain}.modern-home .modern-logo.official-logo{background:transparent;padding:0;border-radius:0}.official-footer-logo{display:inline-block;line-height:0}.official-footer-logo .bank-logo-image{width:264px}.modern-home .welcome-content h1{margin-top:0}@media(max-width:850px){.modern-logo.official-logo .bank-logo-image{width:240px}}@media(max-width:620px){.modern-logo.official-logo .bank-logo-image{width:208px}.modern-logo.official-logo{padding:3px 6px}.modern-home .modern-logo.official-logo{padding:0}.official-footer-logo .bank-logo-image{width:205px}.footer-head{flex-wrap:wrap}}

.portal-options a.business-apply-button{background:#de2910;color:#fff!important;font-weight:600;line-height:1.65;margin-top:5px;gap:10px}.portal-options a.business-apply-button:hover{background:#b81c0b;color:#fff!important}.portal-options a.business-apply-button span{flex-shrink:0}
