/* 1win brand refresh. Official unmodified SVG marks; locally hosted Rubik. */
:root{--brand-blue:#00a3ff;--deep-blue:#0029d9;--page:#0b1228;--surface:#141e3b;--surface-raised:#1c2a50;--line:#ffffff0d;--text:#fff;--muted:#a7b5d4;--radius:24px;--shadow:0 16px 40px #02071938,0 1px 0 #ffffff0a inset}
body{font-family:'Rubik','Segoe UI',sans-serif;background:radial-gradient(ellipse at 75% 3%,#192b5838,transparent 38%),var(--page);color:var(--text)}
p{color:var(--muted)}h1,h2,h3{font-weight:650;letter-spacing:-.035em}h2{font-size:clamp(1.9rem,3.1vw,2.7rem)}
.header{max-width:1328px;margin:18px auto 0;padding:0 26px;height:82px;background:linear-gradient(180deg,#192544,#141d36);border:1px solid #ffffff0b;border-radius:22px;box-shadow:0 8px 30px #03071940,0 1px 0 #ffffff08 inset;gap:20px}
.logo{display:block;object-fit:contain;width:104px;height:auto;min-width:90px;letter-spacing:normal;transform:none;filter:none}
.header-tag{font-size:11px;color:#9aa9ca;max-width:105px}.header-tag b{color:#7386af;margin-top:2px}
.header nav{gap:5px}.header nav a{color:#c1cce4;padding:11px 16px;border-radius:999px;font-size:13px}.header nav a:hover,.header nav a[aria-current]{color:#fff;background:#29395e;box-shadow:0 1px 0 #ffffff09 inset}
.locale-button{border-radius:999px;padding:10px 13px;background:#253354;color:#dce6fb;box-shadow:0 1px 0 #ffffff08 inset;gap:7px}.locale-button:hover{background:#2e416b}.locale-button svg{width:18px}
.button{border-radius:999px;min-height:52px;padding:14px 26px;font-weight:500;font-size:14px;border:1px solid #ffffff16;box-shadow:0 6px 16px #00102b35,0 1px 0 #ffffff26 inset;transition:box-shadow .2s,background .2s,transform .2s}
.primary,.header-cta{background:linear-gradient(180deg,#079aff 0%,#086be6 65%,#0e58cc 100%);color:#fff;box-shadow:0 6px 18px #006cfb30,0 1px 0 #ffffff33 inset,0 -2px 0 #002d8833 inset}.primary:hover,.header-cta:hover{background:linear-gradient(180deg,#2bacff,#107cf3);box-shadow:0 8px 24px #008aff50,0 1px 0 #ffffff40 inset;transform:translateY(-1px)}
.header-cta{font-size:12px;min-height:43px;padding:11px 20px;box-shadow:0 4px 14px #006cfb26,0 1px 0 #ffffff30 inset}
.android,.secondary.android,.light.android{color:#fff;background:linear-gradient(180deg,#31ba72,#119b58);border-color:#72e9ac38;box-shadow:0 7px 20px #031c2333,0 1px 0 #a2ffd24d inset,0 -2px 0 #066d4733 inset}
.android:hover,.secondary.android:hover,.light.android:hover{background:linear-gradient(180deg,#42cf87,#12ae63);box-shadow:0 8px 24px #14b87533,0 1px 0 #baffdb55 inset;transform:translateY(-1px)}
.region-bar{min-height:62px;font-size:11px;padding-inline:8px;color:#7f91b8}.region-trigger{border-radius:999px;padding:7px 12px;background:#182541;color:#b9c8e6;font-size:11px}.region-trigger:hover{background:#263858}.separator{color:#4d628c}
.hero{min-height:630px;border-radius:32px;border:1px solid #5d8bfc36;background:#102d71;box-shadow:0 22px 65px #03081865,0 1px 0 #c8deff24 inset;isolation:isolate;overflow:hidden}
.hero-image{opacity:.55;object-position:70% 45%;mix-blend-mode:screen}
.hero-shade{background:linear-gradient(90deg,#123481 0%,#123786ef 28%,#16439790 54%,#0b1d4380 100%),linear-gradient(0deg,#061940,transparent 50%)}
.hero::after{content:'';position:absolute;inset:9px;border:1px solid #cbe7ff0d;border-radius:24px;pointer-events:none;z-index:-1}
.hero-content{max-width:855px;padding:37px 48px 65px}.hero .eyebrow{display:inline-flex;background:#74acff18;border:1px solid #9cc4ff20;border-radius:999px;padding:7px 12px;font-size:10px;letter-spacing:.1em;color:#d1e3ff}.hero .eyebrow>span{width:5px;height:5px;border-radius:50%;background:#80ccff}
.hero h1{font-size:clamp(2.5rem,4.3vw,3.8rem);line-height:1.13;font-weight:700;margin:18px 0 19px;letter-spacing:-.045em}
.hero-brand{margin:0 0 16px;line-height:0}.hero-brand img{display:block;width:185px;height:auto;max-width:100%}.hero-last{color:#fff;font-size:1em}
.hero-intro{font-size:15px;max-width:475px;color:#c7d8f4;line-height:1.75}.hero-actions{margin-top:26px;gap:12px}.hero .fineprint{color:#9fb8dc;font-size:10px;margin-top:17px}
.hero-promo{inset-inline-end:40px;bottom:75px;width:290px}.promo{border-radius:22px;background:linear-gradient(145deg,#273c66,#1b2a4b);border:1px solid #b4ceff19;box-shadow:var(--shadow);padding:23px;backdrop-filter:none}.promo-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.promo-top img{flex:0 0 40px;object-fit:contain}.promo-top .label{font-size:12px;line-height:1.45;color:#c4d2ed}.promo-code{margin-top:0;gap:10px}.promo-code strong{font-family:'Rubik',sans-serif;font-size:33px;letter-spacing:.045em;font-weight:750}.copy{border-radius:50%;width:42px;height:42px;padding:10px;background:#8aaeff1f;color:#d8e6ff;justify-content:center;flex-shrink:0}.copy span{display:none}.copy:hover{background:#99baff3b}.promo p{font-size:11px;color:#9fb2d6;margin-top:12px;line-height:1.6}
.hero-promo .promo{background:linear-gradient(150deg,#fff,#e8f1ff);border:1px solid #fff8;box-shadow:0 18px 45px #01133870,0 2px 0 #fff inset;padding:24px}.hero-promo .promo-top{padding-bottom:16px;border-bottom:1px solid #c4d3ec;margin-bottom:17px}.hero-promo .promo-top .label{color:#546a8e}.hero-promo .promo-code strong{color:#0c2450;font-size:38px}.hero-promo .copy{background:#d7e6fb;color:#1765c7;border:1px solid #c8dcf9}.hero-promo .copy:hover{background:#bed7fa}.hero-promo .promo p{color:#6d7f9c}.hero-bottom{inset-inline:49px;bottom:20px;color:#88a5d3;letter-spacing:.1em}.hero-bottom a{color:#bed4f5}
.section{padding-block:62px}.section-heading{margin-bottom:28px}.section-heading .eyebrow,.steps-heading .eyebrow,.faq-section .eyebrow{font-size:10px;color:#6f91c8}.section-heading>p{color:#8fa3c9;font-size:13px}.cards{gap:18px}.card{border-radius:24px;padding:28px;border:1px solid #334a783b;background:linear-gradient(150deg,#1c2b51,#131f3d);box-shadow:var(--shadow);position:relative;overflow:hidden}.card::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#248cff60,transparent)}.card:nth-child(2)::before{background:linear-gradient(90deg,transparent,#25ba8960,transparent)}.card:nth-child(3)::before{background:linear-gradient(90deg,transparent,#9586ff60,transparent)}.card:hover{background:linear-gradient(150deg,#253a67,#19294c);border-color:#5586d24d;box-shadow:0 18px 35px #030b2466,0 1px 0 #ffffff15 inset;transform:translateY(-3px)}
.card-top{margin-bottom:24px}.icon-box{border-radius:16px;background:linear-gradient(150deg,#1674ed,#1047a5);border-color:#60b8ff38;color:#dcf2ff;width:52px;height:52px;box-shadow:0 6px 15px #021b4833,0 1px 0 #acd7ff26 inset}.card:nth-child(2) .icon-box{background:linear-gradient(150deg,#178e72,#12634f);border-color:#62ebbe30;color:#b8ffe7}.card:nth-child(3) .icon-box{background:linear-gradient(150deg,#7059c6,#43317f);border-color:#c7b4ff26;color:#e9e2ff}.card-number{border-radius:999px;padding:4px 9px;color:#748bb5;background:#0c173240;font-size:11px}.card h3{font-size:21px;margin-bottom:12px}.card p{font-size:14px;color:#97add3}.card-link{border-top:1px solid #90adff12;padding-top:18px;color:#c4dcff}.card-link span{width:28px;height:28px;border-radius:50%;background:#7ea8ff14;display:grid;place-items:center;font-size:17px;color:#8fc0ff}
.steps-section{border-color:#8daaff12;gap:85px}.steps{gap:12px}.steps li{padding:21px;border-radius:20px;background:#14203a;border:1px solid #5578a917;box-shadow:0 4px 14px #02081926;gap:18px}.step-index{border-radius:14px;border-color:#6fa2ff20;background:linear-gradient(145deg,#264475,#192c50);color:#a7d2ff;width:40px;flex-basis:40px;box-shadow:0 1px 0 #ffffff0d inset}.steps h3{font-size:17px;margin-top:2px}.steps p{font-size:13px;color:#95abd1}.text-link{border-color:#266ac0;color:#74b9ff}
.app-banner{border-radius:30px;padding:40px 48px;background:radial-gradient(ellipse at 83% 8%,#00a3ff7a,transparent 57%),linear-gradient(115deg,#163e9f,#0029d9);border:1px solid #5abaff38;box-shadow:0 18px 50px #03091f50,0 1px 0 #fff2 inset;gap:60px}.app-banner::before{content:'';position:absolute;inset:9px;border:1px solid #abdfff16;border-radius:23px;pointer-events:none}.app-banner>div{z-index:1}.app-banner h2{font-size:40px;font-weight:650}.app-banner .eyebrow{font-size:10px;color:#9fd1ff}.app-wordmark{transform:none;text-shadow:none;font-style:normal;letter-spacing:normal;line-height:1;font-size:inherit;max-width:100%}.app-wordmark img{display:block;width:300px;height:auto;max-width:100%}.app-wordmark span{font-size:12px;letter-spacing:.35em;font-weight:600;background:#002c9950;display:table;margin:18px auto 0;padding:10px 24px;border:1px solid #b9d8ff1f;border-radius:999px;color:#d5e9ff}
.faq-section{gap:65px}.faq-list{display:grid;gap:10px}.faq-list details,.faq-list details:first-child{border:1px solid #4b66982b;border-radius:18px;background:#14213d;box-shadow:0 4px 14px #02091920;overflow:hidden}.faq-list summary{padding:20px 22px;font-size:14px;font-weight:500;align-items:center;gap:18px}.faq-list summary span{background:#243759;border:1px solid #45689b38;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;font-size:19px;color:#7eb9ff}.faq-list p{padding:0 24px 22px;font-size:14px;color:#a9b9d8}
.footer{border-color:#6d8bb321;padding-top:35px}.footer-top nav a:hover{color:#72baff}.age{border-radius:13px;border-color:#40598580;background:#14203b;color:#8199c5}.footer-bottom{border-color:#6d8bb317}.footer .logo{width:95px}.footer>p{color:#7589ae}.footer-top nav{color:#9babcb}
.article-main{padding-top:33px}.breadcrumb{padding:12px 18px;background:#14203b;border:1px solid #4e6ea41a;border-radius:999px;margin-bottom:35px;display:inline-flex;max-width:100%}.article-grid{gap:45px}.article-grid article{background:linear-gradient(150deg,#15213e,#101b35);border:1px solid #4057802b;border-radius:26px;padding:34px;box-shadow:var(--shadow);min-width:0}.article-grid article>h1{font-size:clamp(2rem,3.3vw,3.2rem)}.article-intro{font-size:16px;color:#adbedc}.article-section{border-color:#6d8bab26;gap:18px}.article-section h2{font-size:21px}.article-section p{font-size:15px;color:#9aafd2}.article-index{color:#62b6ff}.article-grid aside{padding-top:0}.aside-card{border-radius:24px;background:linear-gradient(155deg,#223e70,#162a52);border-color:#9bbeff26;box-shadow:var(--shadow)}.aside-card .promo{box-shadow:none;border-color:#809ed82b}.related{padding:27px 14px}.notice{background:#092c5b80;border-radius:16px;border:1px solid #4183d433;padding:20px}.notice strong{color:#7cbeff}.notice p{color:#99b4d9}
dialog{border-radius:28px;background:linear-gradient(145deg,#1b2c50,#101b35);border-color:#678dcb38;box-shadow:0 25px 100px #000a,0 1px 0 #ffffff14 inset}.close{background:#ffffff09;border-radius:50%;width:40px;height:40px}.language-grid a{border-radius:13px;border-color:#435f8c80;background:#142443}.language-grid a:hover,.language-grid a[aria-current]{background:linear-gradient(140deg,#184d96,#153569);border-color:#008fff90}.language-grid a span{color:#7b9acc}select{border-radius:14px;border-color:#435f8c80;background:#101e3a}.suggestion{border-radius:18px;background:#17305b;border-color:#2d518b}.toast{border-radius:999px;box-shadow:0 12px 40px #030b2c60}
[dir=rtl] .hero-shade{background:linear-gradient(270deg,#123481,#123786ef 28%,#16439790 54%,#0b1d4380),linear-gradient(0deg,#061940,transparent 50%)}[dir=rtl] .hero-brand img{margin-inline-start:0;margin-inline-end:auto}
@media(max-width:1380px){.header{margin:16px 32px 0;padding-inline:22px}.header-tag{display:none}.header nav a{padding:10px 13px}.hero-content{padding-inline:40px}.hero-promo{inset-inline-end:34px;width:268px}.hero-promo .promo{padding:21px}.hero-promo .promo-code strong{font-size:35px}}
@media(min-width:801px) and (max-width:1050px){.header{gap:10px}.header nav a{font-size:12px;padding:9px}.header .logo{width:90px;min-width:80px}.locale-button{padding:9px}.hero-content{max-width:650px;padding-inline:34px}.hero h1{font-size:46px}.hero-promo{width:230px;inset-inline-end:25px;bottom:67px}.hero-promo .promo{padding:18px}.hero-promo .promo-top img{width:30px;flex-basis:30px}.hero-promo .promo-top .label{font-size:11px}.hero-intro{max-width:420px}.steps-section{gap:40px}.app-banner{gap:30px}.app-wordmark img{width:240px}}
@media(max-width:800px){.header{margin:12px 24px 0;height:74px;padding:0 20px;gap:15px;border-radius:20px}.header .logo{width:96px;min-width:80px}.header nav{display:none}.locale-button{margin-inline-start:auto}.header-cta{font-size:12px;padding:11px 17px}.region-bar{margin-inline:26px;min-height:53px}.hero{min-height:0;border-radius:28px;padding-bottom:58px}.hero-content{max-width:100%;padding:30px 30px 26px}.hero h1{font-size:49px;max-width:680px}.hero-brand img{width:160px}.hero-shade{background:linear-gradient(105deg,#123481f5,#123786bf 65%,#144d9466),linear-gradient(0deg,#061940,transparent 60%)}.hero-image{object-position:65% center}.hero-promo{position:relative;inset:auto;width:auto;margin:0 30px 22px}.hero-promo .promo{max-width:390px;padding:20px 24px}.hero-promo .promo-top{padding-bottom:10px;margin-bottom:12px}.hero-promo .promo p{margin-top:8px}.hero-bottom{inset-inline:30px;bottom:19px}.steps-section{gap:30px}.app-banner{padding:35px;border-radius:26px;gap:0}.app-wordmark{display:none}.faq-section{gap:25px}.article-grid{gap:25px}.article-grid article{padding:28px}.article-grid aside{gap:20px}.section{padding-block:50px}.cards{gap:12px}.card{padding:22px}.card h3{font-size:19px}.card p{font-size:13px}}
@media(max-width:560px){.header{margin:10px 12px 0;padding:0 14px;height:66px;gap:9px;border-radius:18px}.header .logo{width:80px;min-width:70px}.locale-button{padding:8px 10px;font-size:11px}.locale-button svg{width:16px}.header-cta{padding:10px 13px;font-size:11px;min-height:39px;max-width:136px}.region-bar{margin-inline:15px;min-height:49px;padding-inline:2px}.region-trigger{font-size:10px;padding:6px 10px}.hero{margin-inline:12px;border-radius:24px}.hero::after{inset:7px;border-radius:18px}.hero-content{padding:25px 23px 24px}.hero .eyebrow{font-size:9px;padding:6px 10px}.hero h1{font-size:clamp(1.9rem,8.5vw,2.65rem);line-height:1.13;margin:18px 0}.hero-brand{margin-bottom:18px}.hero-brand img{width:135px}.hero-intro{font-size:14px;line-height:1.75}.hero-actions{gap:10px;margin-top:22px}.hero-actions .button{font-size:12px;padding:12px 14px;min-height:48px;flex:1}.hero .fineprint{font-size:10px;line-height:1.6}.hero-promo{margin:0 23px 18px}.hero-promo .promo{padding:17px 20px;border-radius:20px;max-width:none}.promo-top img{width:32px;flex-basis:32px}.hero-promo .promo-top .label{font-size:11px}.hero-promo .promo-code strong{font-size:34px}.hero-bottom{inset-inline:24px;font-size:8px}.hero-bottom a{font-size:10px}.section{margin-inline:22px;padding-block:40px}.cards{gap:14px}.card{border-radius:22px;padding:24px}.card h3{font-size:21px}.card p{font-size:14px}.section-heading>p{font-size:13px}.steps li{padding:18px;gap:15px;border-radius:18px}.steps h3{font-size:16px}.steps p{font-size:13px}.app-banner{margin-inline:12px;padding:28px 25px;border-radius:24px}.app-banner h2{font-size:32px}.app-banner p:not(.eyebrow){font-size:14px}.app-actions{gap:18px}.app-actions .button{font-size:12px;padding:12px 17px}.app-actions>a:not(.button){font-size:12px}.faq-list summary{padding:18px;font-size:14px}.faq-list p{padding:0 18px 20px;font-size:13px}.faq-list summary span{width:25px;height:25px}.article-main{margin-inline:14px;padding-top:22px}.article-grid article{padding:24px 20px;border-radius:22px}.article-grid article>h1{font-size:30px;overflow-wrap:anywhere}.article-intro{font-size:15px}.article-section{gap:12px}.article-section h2{font-size:19px}.article-section p{font-size:14px}.breadcrumb{border-radius:16px;padding:11px 15px;font-size:11px;margin-bottom:24px}.aside-card{padding:24px}.footer{margin-inline:24px}.footer .logo{width:90px}.footer-top{gap:20px}.footer-top nav{font-size:12px}.footer>p{font-size:11px}.language-grid a{padding:11px;font-size:12px}dialog{border-radius:24px}.dialog-heading h2{font-size:20px}}

.brand-link{display:inline-block;line-height:0;flex-shrink:0}.hero-brand .brand-link{max-width:100%}.promo-top .brand-link{display:inline-flex;align-items:center}

:lang(ur){font-family:'Noto Sans Arabic','Rubik',sans-serif;letter-spacing:normal}
:lang(si){font-family:'Noto Sans Sinhala','Rubik',sans-serif;letter-spacing:normal}
:lang(ta){font-family:'Noto Sans Tamil','Rubik',sans-serif;letter-spacing:normal}
html:lang(ur) body{line-height:1.9}
html:lang(ur) :is(h1,h2,h3){line-height:1.55}
html:lang(si) :is(h1,h2,h3),html:lang(ta) :is(h1,h2,h3){line-height:1.45}
:is(html:lang(ur),html:lang(si),html:lang(ta)) :is(.hero h1,.article-grid article>h1){overflow-wrap:anywhere}
:is(html:lang(ur),html:lang(si),html:lang(ta)) .header-tag{display:none}
:is(html:lang(ur),html:lang(si),html:lang(ta)) .header nav{margin-inline-start:auto}
@media(max-width:560px){
 :is(html:lang(si),html:lang(ta)) .header-cta{font-size:10px;max-width:120px}
 :is(html:lang(ur),html:lang(si),html:lang(ta)) .hero-actions{flex-wrap:wrap}
 :is(html:lang(ur),html:lang(si),html:lang(ta)) .hero-actions .button{flex:1 1 160px}
 :is(html:lang(si),html:lang(ta)) .hero h1{font-size:clamp(1.55rem,6.8vw,2.2rem)}
}
