/* Wanasa design tokens. Logical properties support EN/LTR and AR/RTL. */
:root{--green:#006b58;--green-dark:#06483e;--green-soft:#e5f3ed;--mint:#36d0a5;--cream:#fffaf1;--gold:#ce9c51;--gold-light:#f6e3bb;--navy:#0b2f63;--ink:#193c35;--muted:#74837d;--line:#e5ebe5;--white:#fff;--danger:#b44139;--radius:24px;--shadow:0 20px 60px #1b463512;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #15ab96;outline-offset:4px}button:focus:not(:focus-visible){outline:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1,h2{letter-spacing:-.045em}button{border:0}fieldset{border:0;padding:0;margin:0;min-inline-size:0}bdi{white-space:nowrap}.wrap{max-width:1180px;margin-inline:auto;padding-inline:28px}.icon{width:22px;height:22px;flex:0 0 auto;vertical-align:middle}.small{font-size:12px}.muted{color:var(--muted)}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;inset-inline-start:20px;background:var(--green);color:#fff;padding:12px 22px;z-index:100}.skip-link:focus{top:12px}
.site-header{height:100px;border-bottom:1px solid #0b46380d;background:#fffaf1ef;position:relative;z-index:20}.header-inner{max-width:1280px;padding-inline:50px;height:100%;margin:auto;display:flex;align-items:center;gap:64px}.brand-link{display:inline-flex;align-items:center;flex:0 0 auto}.brand{display:block;position:relative;width:151px}.brand img{width:100%;height:auto}.brand-icon{width:39px;height:39px;margin-inline-end:10px}.main-nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600;height:100%}.main-nav>a{display:flex;align-items:center;height:100%;position:relative;color:#65796e}.main-nav>a[aria-current]{color:var(--green)}.main-nav>a[aria-current]:after{content:"";width:18px;height:3px;background:var(--green);position:absolute;bottom:23px;inset-inline-start:0;border-radius:2px}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:28px}.language-switch{display:flex;align-items:center;gap:9px;white-space:nowrap}.language-switch button{font-size:12px;font-weight:650;background:none;padding:8px 3px;color:#839189;min-height:42px}.language-switch button[aria-pressed=true]{color:var(--green-dark)}.language-switch>span{width:1px;height:13px;background:#ced6cf}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;text-align:center}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--green);color:white;box-shadow:0 5px 12px #006b5810}.button-primary:hover:not(:disabled){background:var(--green-dark);box-shadow:0 8px 20px #006b5820}.button-primary:disabled{background:#dce6e1;color:#7e9188;box-shadow:none}.button-large{min-height:58px;padding-inline:30px;font-size:15px}.button-cream{background:#fffcf2;color:var(--green-dark);flex-shrink:0}.button-plain{background:transparent;color:var(--green);box-shadow:none}.text-link{font-size:14px;font-weight:600;color:var(--green);display:inline-flex;align-items:center;justify-content:center;gap:12px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .icon{width:20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.19em;color:var(--green);display:flex;align-items:center;gap:10px;line-height:1.5}.eyebrow>span{height:6px;width:6px;background:var(--gold);border-radius:50%}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 40%,#e5f3e798 0,transparent 60%),var(--cream)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;min-height:745px;padding-block:45px 62px}.hero-copy{position:relative;z-index:2;padding-bottom:30px}.hero h1{font-size:76px;line-height:1.04;margin-top:27px;font-weight:660;letter-spacing:-.055em;color:var(--green-dark)}.hero h1 em{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--green);font-size:82px;letter-spacing:-.055em;margin-top:8px}.hero-description{font-size:16px;line-height:1.85;max-width:395px;color:#738279;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:34px}.hero-mini{display:flex;align-items:center;gap:12px;margin-top:34px;color:#74847a;font-size:12px}.mini-icons{display:inline-flex;align-items:center}.mini-icons>.icon{background:#fff;border:1px solid #e5e9dc;box-sizing:content-box;padding:9px;border-radius:50%;height:14px;width:14px;color:var(--green);margin-inline-end:-5px}.mini-icons>.icon:nth-child(2){color:var(--gold);background:#fff7e7}.mini-icons>.icon:nth-child(3){color:#47769b;background:#ecf5f7}.hero-visual{height:625px;position:relative;display:flex;align-items:center;justify-content:center}.oasis-orb{position:absolute;inset-inline-start:50%;top:50%;width:455px;height:455px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 30%,#d6ead4,#b5d8b4 50%,#79b39d);opacity:.75}.orbit{position:absolute;border:1px solid #c3a86660;border-radius:50%;width:520px;height:420px;transform:rotate(-35deg);pointer-events:none}.orbit-two{height:500px;width:460px;transform:rotate(29deg);border-color:#bdbb7960}.phone{width:286px;flex:0 0 auto;border:7px solid #fcfcf9;border-radius:40px;box-shadow:0 25px 60px #174c3a26,0 2px 4px #0b45372a;overflow:hidden;transform:rotate(5deg);z-index:1;background:#d4f5ff}.phone>img{width:100%;height:auto;border-radius:30px}.float-card{z-index:3;position:absolute;background:#fffffff5;box-shadow:0 15px 36px #294d3821;border:1px solid #ffffffb0;border-radius:17px;display:flex;align-items:center;backdrop-filter:blur(10px)}.float-voice{top:138px;inset-inline-start:-24px;padding:13px 16px;gap:11px;transform:rotate(-5deg)}.float-icon{background:var(--green-soft);color:var(--green);border-radius:12px;padding:10px;display:flex}.float-voice strong{display:block;font-size:12px;line-height:1.4}.float-voice small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.wave{display:flex;align-items:center;gap:3px;margin-inline-start:8px;height:24px}.wave i{width:3px;border-radius:4px;background:var(--mint);height:10px}.wave i:nth-child(2){height:23px}.wave i:nth-child(3){height:17px}.float-gift{bottom:106px;inset-inline-end:-8px;gap:10px;padding:12px 17px;transform:rotate(-4deg);font-size:12px;font-weight:600}.gift-circle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fbefcf;color:#b67e24}.tiny-stars{display:block;letter-spacing:5px;color:#d3ab64;font-size:11px;margin-top:2px}.phone-caption{position:absolute;bottom:1px;font-size:10px;color:#7e8b7f;letter-spacing:.06em}.spark{position:absolute;z-index:2;color:var(--gold)}.spark-one{top:53px;inset-inline-end:36px;font-size:45px}.spark-two{bottom:136px;inset-inline-start:33px;font-size:36px}.spark-three{top:290px;inset-inline-end:18px;font-size:19px}.explore-link{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.08em;color:#859287;padding:0 0 30px}.explore-link .icon{width:15px;transform:rotate(90deg)}
.together{padding-block:85px 75px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:38px;font-weight:550;margin-top:17px;line-height:1.25}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:52px}.feature{padding-inline:8px 24px;position:relative}.feature:not(:last-child):after{content:"";position:absolute;inset-inline-end:-22px;top:0;height:100%;width:1px;background:#dfe6dc}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:16px;background:#e4f1e7;color:var(--green)}.feature-game .feature-icon{background:#e5edf4;color:#3f6586}.feature-gift .feature-icon{background:#f8edda;color:#b68941}.feature-number{font-family:Georgia,serif;font-size:20px;color:#a6b5a8;font-style:italic}.feature h3{font-size:21px;letter-spacing:-.035em;margin-top:24px;font-weight:600}.feature p{font-size:13px;line-height:1.85;margin-top:13px;color:var(--muted)}.topup-section{padding-block:15px 90px}.topup-banner{border-radius:28px;overflow:hidden;position:relative;display:flex;align-items:center;gap:28px;padding:50px 45px 50px 225px;color:#fff;background:radial-gradient(ellipse at 15% 120%,#3d9b7950,transparent 60%),var(--green-dark);min-height:248px}.topup-banner .eyebrow{color:#d9b77c;font-size:9px}.topup-banner h2{font-size:29px;letter-spacing:-.035em;line-height:1.25;margin-top:12px;font-weight:550}.topup-banner p:not(.eyebrow){font-size:12px;color:#b4d5c9;max-width:395px;margin-top:11px;line-height:1.8}.topup-banner>.button{margin-inline-start:auto;font-size:12px;min-height:49px;white-space:nowrap;padding-inline:20px}.coin-art{position:absolute;inset-inline-start:35px;bottom:17px;width:150px;height:190px}.coin-disc{display:flex;align-items:center;justify-content:center;width:106px;height:106px;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 5px #edcd85,inset 0 0 0 7px #c7913f,7px 8px 0 #8e692f,16px 20px 35px #001e1a46;background:linear-gradient(135deg,#fff5c7,#dfad55);font-size:67px;font-family:Georgia,serif;font-weight:800;color:#b58239;text-shadow:1px 2px #fff3b6;transform:rotate(-18deg)}.coin-back{top:3px;inset-inline-start:35px;width:90px;height:90px;transform:rotate(15deg);font-size:58px}.coin-front{bottom:12px;inset-inline-start:0}.coin-art>span{position:absolute;inset-inline-end:-4px;top:64px;color:#ead194;font-size:31px}.mascot-banner{position:absolute;inset-inline-start:15px;bottom:0;width:200px;height:235px;object-fit:contain;object-position:center bottom}
.site-footer{padding:45px 50px 25px;background:#f5f5ed;border-top:1px solid #e5e9dd}.footer-top,.footer-bottom{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top{padding-bottom:35px}.footer-top .brand{width:124px}.footer-top>div>p{font-size:12px;color:#829084;margin-top:13px}.footer-legal{display:grid;grid-template-columns:repeat(2,auto);gap:10px 35px;font-size:11px;color:#677a6c}.footer-legal a:hover{color:var(--green);text-decoration:underline}.footer-bottom{padding-top:21px;border-top:1px solid #dfe5d9;font-size:9px;color:#919b91}.prototype-pill{display:flex;align-items:center;gap:7px;color:#7c8c7f;white-space:nowrap}.prototype-pill>i{height:5px;width:5px;background:#bba36b;border-radius:50%}
.recharge-page{padding-bottom:35px;background:radial-gradient(ellipse at 50% 0,#ebf2e797,transparent 53%),#fafaf5;min-height:calc(100vh - 330px)}.recharge-intro{text-align:center;padding-top:48px}.recharge-intro .eyebrow{justify-content:center;font-size:10px}.recharge-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:46px;font-weight:400;color:var(--green-dark);margin-top:12px;line-height:1.2}.recharge-intro>p:last-child{font-size:13px;color:var(--muted);margin-top:13px}.steps{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;margin:34px auto 32px;padding:0;scroll-margin-top:25px}.steps li{display:flex;align-items:center;gap:9px;color:#9da9a1;font-size:11px}.steps li+li:before{content:"";width:74px;height:1px;background:#dde5dc;margin:0 22px}.steps li>span{display:flex;align-items:center;justify-content:center;height:26px;width:26px;border:1px solid #d7e0d5;border-radius:50%;font-size:10px}.steps li b{font-weight:500}.steps .current{color:var(--green);font-weight:650}.steps .current>span{color:white;background:var(--green);border-color:var(--green);box-shadow:0 0 0 4px #e7eee3}.steps .completed>span{background:#e4efe6;border-color:#e4efe6;color:var(--green)}.steps .icon{width:13px;height:13px}.identity-card{max-width:525px;margin:0 auto;background:white;padding:32px 45px 22px;border-radius:var(--radius);border:1px solid #e8eee4;box-shadow:var(--shadow);text-align:center}.identity-emblem,.dialog-emblem{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin:0 auto 19px;border-radius:19px;background:var(--green-soft);color:var(--green)}.identity-emblem .icon{width:25px;height:25px}.identity-card h2{font-size:24px;letter-spacing:-.04em}.identity-description{font-size:12px;margin-top:12px;line-height:1.7}.identity-card form{margin-top:27px;text-align:start}.field-label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.id-input-wrap{height:58px;display:flex;border:1px solid #d8e1d8;border-radius:11px;overflow:hidden;align-items:center;direction:ltr;background:#fcfdfb;transition:border-color .2s,box-shadow .2s}.id-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #006b5810}.input-prefix{font-weight:750;font-size:12px;letter-spacing:.04em;flex:0 0 auto;padding:0 18px;color:#9eaa9e;border-inline-end:1px solid #e2e9df}.id-input-wrap input{width:100%;min-width:0;padding:15px 16px;background:transparent;border:0;font-size:16px;outline:none!important;letter-spacing:.03em;color:var(--ink)}.id-input-wrap input::placeholder{font-size:13px;letter-spacing:0;color:#a7b1a8}.id-input-wrap.has-error{border-color:var(--danger)}.field-error{font-size:11px;color:var(--danger);min-height:6px;margin-top:5px;line-height:1.6}.help-link{padding:0;background:none;font-size:11px;display:flex;align-items:flex-start;gap:6px;color:#718678;margin-top:8px;line-height:1.7}.help-link .icon{width:14px;height:14px;margin-top:2px}.identity-submit{margin-top:26px}.demo-id{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:9px;color:#929d93}.demo-id button{background:none;color:var(--green);font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:5px 0}.identity-foot{border-top:1px solid #edf0e9;margin-top:26px;padding-top:17px;font-size:9px;color:#8a978b;display:flex;align-items:center;justify-content:center;gap:7px}.identity-foot .icon{width:13px;height:13px}.found-account{background:#f7faf4;border:1px solid #e6eddf;padding:24px;margin-block:25px 20px;border-radius:15px;display:flex;align-items:center;flex-direction:column;gap:7px}.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 auto;position:relative;background:#c8ebdf;color:var(--green-dark);border-radius:50%;font-family:Georgia,serif;font-size:23px;font-weight:bold}.account-avatar>span{position:absolute;inset-inline-end:-3px;bottom:-2px;height:16px;width:16px;border:2px solid white;background:var(--green);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center}.account-avatar .icon{width:10px;height:10px}.account-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.found-account>.account-avatar{width:66px;height:66px;font-size:31px;margin-bottom:5px}.found-account>strong{font-size:17px}.account-id{font-size:10px;color:#849087;letter-spacing:.03em}.small-tag{display:inline-block;font-size:8px;font-weight:500;background:#f5ecd9;color:#967942;padding:2px 7px;border-radius:5px;vertical-align:middle}.found-account .small-tag{font-size:9px}.spinner{width:16px;height:16px;display:inline-block;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.recharge-grid{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:28px;align-items:start;max-width:1030px;margin:auto}.recharge-main{min-width:0}.account-strip{display:flex;align-items:center;gap:14px;padding:19px 23px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.account-strip>div{display:flex;flex-direction:column;gap:2px;min-width:0}.account-strip strong{font-size:14px;overflow-wrap:anywhere}.account-strip .small-tag{margin-inline-start:5px}.account-strip .small{font-size:9px}.change-link{padding:8px 0;background:none;color:var(--green);margin-inline-start:auto;font-size:11px;text-decoration:underline;text-underline-offset:3px;flex-shrink:0}.selection-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;margin-bottom:20px}.panel-heading{display:flex;align-items:center;gap:11px}.section-number{font-family:Georgia,serif;font-size:22px;color:#c5a575;font-style:italic;align-self:flex-start;line-height:1.2}.panel-heading h2{font-size:18px;font-weight:600;letter-spacing:-.03em}.panel-heading p{font-size:10px;color:var(--muted);margin-top:6px}.coins-label{margin-inline-start:auto;font-size:10px;color:#b08b4f;display:flex;gap:5px;align-items:center}.coins-label .icon{width:16px}.sample-note{display:flex;align-items:center;gap:5px;font-size:9px;color:#9a8660;margin:20px 0 14px}.sample-note .icon{width:12px;height:12px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.package-card{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:1px solid #e0e7df;background:#fff;border-radius:13px;min-height:157px;padding:15px 8px 0;overflow:hidden;transition:background .18s,border-color .18s,box-shadow .18s}.package-card:hover{border-color:#93b8a4}.package-card.selected{border-color:var(--green);background:#f1f8f1;box-shadow:0 0 0 1px var(--green)}.package-card:has(input:focus-visible),.payment-card:has(input:focus-visible){outline:3px solid #27b69b;outline-offset:3px}.package-card>input,.payment-card>input{position:absolute;opacity:0;width:1px;height:1px}.package-coin{height:31px;width:31px;background:linear-gradient(135deg,#fff2b9,#e5ba64);border:2px solid #deb966;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #fbe7b0,2px 2px 0 #b48a40;color:#b58a39;font-family:Georgia,serif;font-size:22px;font-weight:bold;line-height:1;margin-bottom:9px}.package-card>strong{font-size:18px;font-weight:650;letter-spacing:-.03em}.package-unit{font-size:9px;color:#8d9a8f;margin-top:1px;margin-bottom:10px}.package-price{margin-top:auto;padding:8px 0;display:block;border-top:1px solid #e6ece3;width:calc(100% + 16px);text-align:center;color:#537363;font-weight:600;font-size:11px;background:#f9fbf7}.selected .package-price{background:#e7f1e7;color:var(--green);border-color:#d8e7d8}.selection-check{position:absolute;inset-inline-end:7px;top:7px;width:16px;height:16px;background:var(--green);color:white;border-radius:50%;display:none;align-items:center;justify-content:center}.selection-check .icon{width:10px;height:10px}.selected .selection-check{display:flex}.bonus-tag{position:absolute;inset-inline-start:0;top:0;border-end-end-radius:8px;padding:3px 8px;font-size:9px;background:#edce92;color:#664b1c}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.payment-card{display:flex;align-items:center;gap:9px;position:relative;cursor:pointer;border:1px solid #e0e7df;border-radius:12px;padding:14px 12px;min-height:83px}.payment-card.selected{border-color:var(--green);background:#f3f8f2;box-shadow:0 0 0 1px var(--green)}.partner-icon{height:33px;width:33px;background:#edf3ec;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#719782;flex-shrink:0}.partner-icon .icon{width:18px;height:18px}.payment-card strong{display:block;font-size:11px;line-height:1.5;font-weight:600}.payment-card small{display:block;font-size:8px;color:#929b91;line-height:1.5;margin-top:4px}.radio-dot{width:13px;height:13px;border:1px solid #d4dcd2;border-radius:50%;margin-inline-start:auto;flex-shrink:0}.selected .radio-dot{border:4px solid var(--green)}.region-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#91a08f;margin:0 6px 15px}.region-note .icon{width:13px;height:13px}
.order-summary{position:sticky;top:25px;background:white;border:1px solid #dfe7dc;box-shadow:0 15px 45px #254b3410;border-radius:20px;overflow:hidden}.summary-head{text-align:center;padding:25px 20px;background:radial-gradient(ellipse at 50% 100%,#edf4e3,#f6f8ef);border-bottom:1px solid #e6ecdf}.summary-icon{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#b18b48;background:#f4e7c7;margin-bottom:12px}.summary-head h2{font-size:22px;font-weight:550}.summary-head p{font-size:10px;color:#899580;margin-top:8px}.summary-body{padding:24px}.order-rows{margin:0}.order-rows>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;font-size:11px}.order-rows dt{color:#889489}.order-rows dd{margin:0;text-align:end;font-size:11px;font-weight:600}.summary-total{display:flex;align-items:baseline;justify-content:space-between;border-top:1px dashed #dce5d8;border-bottom:1px dashed #dce5d8;padding:20px 0;margin:8px 0 22px}.summary-total span{font-size:12px}.summary-total strong{font-size:26px;font-weight:650;color:var(--green);letter-spacing:-.04em}.consent{display:flex;gap:9px;font-size:9px;color:#879386;line-height:1.8;align-items:flex-start;margin-bottom:18px;cursor:pointer}.consent input{appearance:auto;width:16px;height:16px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--green)}.consent a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.summary-body>.button{font-size:12px;padding-inline:13px;gap:9px}.summary-body .button .icon{width:18px}.checkout-hint{font-size:9px;color:#909a90;text-align:center;margin-top:12px;line-height:1.7}.summary-privacy{display:block;text-align:center;font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#91a08f;margin-top:14px}.result-card{background:white;border:1px solid #e2eade;border-radius:25px;max-width:545px;margin:0 auto;padding:30px 40px;text-align:center;box-shadow:var(--shadow)}.result-icon{width:67px;height:67px;display:flex;align-items:center;justify-content:center;background:#e1f1e6;color:var(--green);border-radius:50%;margin:0 auto 17px}.result-icon .icon{width:31px;height:31px}.result-pending .result-icon{background:#fbf1d9;color:#bc8d39}.result-failed .result-icon{background:#fae9e5;color:var(--danger)}.result-cancelled .result-icon{background:#eef1ef;color:#829187}.result-card .eyebrow{justify-content:center;font-size:9px}.result-card h2{font-size:29px;margin-top:10px;font-weight:550;line-height:1.25}.result-description{font-size:12px;color:#8b9589;margin-top:10px}.result-account,.review-account{display:flex;align-items:center;gap:13px;background:#f6f9f2;border:1px solid #e8eee1;padding:15px;border-radius:13px;text-align:start;margin:25px 0}.result-account>div,.review-account>div{display:flex;flex-direction:column}.result-account strong,.review-account strong{font-size:13px}.result-account>div>span,.review-account>div>span{font-size:10px;color:#8b988a;margin-top:3px}.total-row{border-top:1px solid #e5eadf;padding-top:15px}.total-row dd{font-size:22px;color:var(--green)}.order-reference{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e2e8dc;font-size:9px;color:#9aa18f;padding-top:13px;gap:12px}.result-disclaimer{font-size:10px;color:#9b9d88;margin-top:23px;line-height:1.8}.result-actions{display:flex;align-items:center;flex-direction:column;gap:20px;margin-top:22px}.result-actions .text-link{font-size:11px}.result-mascot{width:118px;height:114px;object-fit:cover;object-position:center bottom;margin:-12px auto 14px}.prototype-lab{max-width:1030px;margin-block:38px 5px;font-size:10px;color:#889682;padding-inline:0}.prototype-lab>summary{cursor:pointer;display:flex;align-items:center;gap:7px;width:fit-content;margin:auto;padding:8px}.prototype-lab>summary:after{content:"+";font-size:14px}.prototype-lab[open]>summary:after{content:"−"}.prototype-lab>summary .icon{width:13px;height:13px}.lab-body{max-width:580px;margin:10px auto;padding:20px;background:#edf2e8;border:1px dashed #d6dfcb;border-radius:13px}.lab-body label{display:block;margin-top:12px;margin-bottom:6px;font-weight:600}.lab-body select{background:white;border:1px solid #ced7c5;padding:6px 10px;width:100%;border-radius:6px;color:var(--ink);font-size:12px}.lab-body p:last-child{margin-top:12px}
dialog{padding:34px;max-width:460px;width:calc(100% - 36px);max-height:calc(100dvh - 40px);margin:auto;border:1px solid #e6ebdf;border-radius:23px;background:#fff;box-shadow:0 30px 100px #002b2860;color:var(--ink);overflow:auto;text-align:center}dialog::backdrop{background:#143e326b;backdrop-filter:blur(5px)}.dialog-close{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;inset-inline-end:14px;width:31px;height:31px;border-radius:50%;color:#829784;background:#f3f6ef}.dialog-close .icon{width:16px}.dialog-close:disabled{opacity:.4}.dialog-emblem{margin-top:10px}dialog h2{font-size:28px;line-height:1.25;margin-top:10px;font-weight:550}dialog>p.muted{font-size:12px;margin-top:13px;line-height:1.8}dialog>.eyebrow{justify-content:center;margin-top:10px}.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.store-buttons>a,.store-buttons>button{border:1px solid #dce4d6;border-radius:13px;padding:17px 12px;background:#f4f7f0;color:#71836f;display:flex;align-items:center;flex-direction:column;gap:4px}.store-buttons strong{font-size:15px}.store-buttons span{font-size:9px}.dialog-note{font-size:10px;color:#909e8a;line-height:1.75}.id-guide-demo{border:1px solid #dce8d8;background:#f3f8ef;border-radius:14px;display:flex;align-items:center;flex-direction:column;padding:22px;margin-top:22px}.guide-avatar{display:flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:50%;background:#cee6d4;color:var(--green);font-family:Georgia,serif;font-size:27px;margin-bottom:10px}.id-guide-demo>strong{font-size:13px}.id-guide-demo>div:last-child{font-size:12px;margin-top:8px;background:white;border:1px solid #c9dcc2;border-radius:6px;padding:6px 13px}.id-guide-demo>div:last-child>span{margin-left:8px;color:var(--green)}.id-guide-demo .icon{width:13px;height:13px}.id-guide{list-style:none;margin:23px 0;padding:0;display:flex;flex-direction:column;gap:16px;text-align:start}.id-guide li{display:flex;align-items:center;gap:12px;font-size:12px;color:#778b76}.id-guide li>span{width:25px;height:25px;border-radius:50%;background:#eaf1e3;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:var(--green)}dialog>.dialog-note+.button{margin-top:20px}.demo-checkout-note{background:#fcf5e5;color:#a38c58;border-radius:9px;display:flex;align-items:center;gap:8px;justify-content:center;padding:10px;font-size:10px;line-height:1.6;margin:20px 0}.demo-checkout-note .icon{width:14px;height:14px}
.legal-page{padding-block:50px 75px}.legal-intro{max-width:750px;margin-bottom:30px}.legal-intro h1{font-family:Georgia,serif;font-size:40px;font-weight:400;margin-top:15px}.legal-intro>p:last-child{font-size:14px;color:var(--muted);margin-top:14px}.draft-notice{background:#faf0db;border:1px solid #ecdfbf;border-radius:13px;padding:17px 20px;display:flex;gap:14px;align-items:flex-start;margin-bottom:30px;color:#94763e}.draft-notice strong{font-size:10px;letter-spacing:.08em}.draft-notice p{font-size:11px;margin-top:5px;line-height:1.7}.draft-notice .icon{width:19px;height:19px;margin-top:3px}.legal-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:35px;align-items:start}.legal-nav{display:flex;flex-direction:column;gap:4px}.legal-nav a{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:13px;border-radius:8px;color:#80917d;gap:10px}.legal-nav .icon{width:14px;height:14px}.legal-nav a[aria-current]{color:var(--green);background:#eaf1e2;font-weight:600}.legal-entity{padding:25px 13px;font-size:10px;color:#98a08e;border-top:1px solid #e1e5d7;margin-top:23px}.legal-entity>span{display:block;margin-bottom:14px}.legal-entity strong{display:block;line-height:1.6;font-size:12px;color:#6e8066}.legal-entity p{margin-top:13px;line-height:1.9}.legal-document{background:white;border:1px solid #e2e8db;border-radius:18px;padding:30px 38px;min-width:0}.legal-document-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e5eadf;padding-bottom:20px;margin-bottom:24px;color:#91a087;font-size:10px}.legal-document-top .text-link{font-size:10px;gap:5px}.legal-document-top .icon{width:14px;height:14px}.legal-body{text-align:left;color:#52624b;font:13px/1.85 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere}.legal-body h1{font-size:31px;font-weight:600;margin-bottom:23px;color:var(--ink);line-height:1.25}.legal-body h2{font-size:19px;line-height:1.4;color:var(--ink);margin-top:30px;margin-bottom:14px;font-weight:600;letter-spacing:-.025em}.legal-body p{margin:12px 0}.legal-body>p:first-of-type{color:#a08c66;font-size:11px;padding:12px;background:#fff9ed;border-radius:8px}.legal-table-wrap{overflow-x:auto;margin:20px 0}.legal-body table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.6;min-width:420px}.legal-body th,.legal-body td{padding:12px;border:1px solid #e0e6d8;text-align:left;vertical-align:top}.legal-body th{background:#f1f5e9;font-weight:600;color:#52734b}
[dir=rtl]{--font:"Segoe UI",Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .eyebrow{letter-spacing:0;font-size:12px}[dir=rtl] .directional{transform:scaleX(-1)}[dir=rtl] .hero h1{font-size:66px;line-height:1.35}[dir=rtl] .hero h1 em{font-family:var(--font);font-size:71px;font-style:normal;font-weight:450;letter-spacing:0;line-height:1.25}[dir=rtl] .hero-description{font-size:17px}[dir=rtl] .oasis-orb{transform:translate(50%,-50%)}[dir=rtl] .phone{transform:rotate(-5deg)}[dir=rtl] .float-voice{transform:rotate(5deg)}[dir=rtl] .topup-banner{padding:50px 225px 50px 45px}[dir=rtl] .recharge-intro h1,[dir=rtl] .legal-intro h1{font-family:var(--font);font-weight:500}[dir=rtl] .legal-body h1,[dir=rtl] .legal-body h2{letter-spacing:-.025em}[dir=rtl] .footer-bottom p[dir=ltr]{text-align:right}[dir=rtl] .package-card>strong{font-size:18px}[dir=rtl] .consent{font-size:11px}[dir=rtl] .hero-actions{gap:25px}
@media(min-width:1450px){.hero-grid{min-height:790px}.hero-visual{height:650px}.phone{width:300px}}
@media(max-width:1120px){.header-inner{gap:40px;padding-inline:32px}.hero h1{font-size:65px}.hero h1 em{font-size:72px}.hero-visual{height:580px}.phone{width:260px}.hero-grid{min-height:685px}.oasis-orb{width:380px;height:380px}.orbit{width:420px;height:370px}.orbit-two{width:390px;height:430px}.float-voice{inset-inline-start:-8px;top:113px}.float-gift{inset-inline-end:-3px;bottom:86px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:12px}.topup-banner{padding-inline-start:195px;padding-inline-end:30px;gap:20px}.mascot-banner{width:180px}.topup-banner h2{font-size:25px}.topup-banner>.button{font-size:11px}[dir=rtl] .hero h1{font-size:58px}[dir=rtl] .hero h1 em{font-size:64px}[dir=rtl] .topup-banner{padding-inline-start:195px;padding-inline-end:30px}.recharge-grid{gap:20px;grid-template-columns:minmax(0,1fr) 285px}.selection-panel{padding:20px}.payment-grid{gap:8px}.payment-card{padding:12px 9px;gap:7px}.partner-icon{width:27px;height:29px}.payment-card strong{font-size:10px}}
@media(max-width:850px){.site-header{height:85px}.header-inner{gap:28px;padding-inline:25px}.header-download{display:none}.brand{width:132px}.brand-icon{width:32px;height:32px}.main-nav{gap:23px;font-size:12px}.header-actions{gap:0}.hero-grid{gap:15px;min-height:660px}.hero h1{font-size:50px}.hero h1 em{font-size:59px}.hero-description{font-size:14px;max-width:310px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:25px}.hero-actions .button{padding:12px 23px;min-height:49px;font-size:13px}.hero-actions .text-link{font-size:12px}.hero-mini{font-size:10px;margin-top:24px}.hero-visual{height:535px}.phone{width:224px;border-width:6px;border-radius:33px}.phone>img{border-radius:24px}.oasis-orb{width:315px;height:315px}.orbit{width:350px;height:280px}.orbit-two{width:300px;height:350px}.float-voice{top:102px;padding:10px;gap:7px;inset-inline-start:-8px}.float-voice strong{font-size:9px}.float-voice small{font-size:8px}.float-icon{padding:7px}.float-icon .icon{width:17px;height:17px}.wave{display:none}.float-gift{padding:9px 12px;font-size:10px;bottom:68px;inset-inline-end:-9px}.gift-circle{width:32px;height:32px}.gift-circle .icon{width:18px;height:18px}.spark-one{inset-inline-end:14px;font-size:31px}.spark-two{inset-inline-start:0;font-size:25px}.phone-caption{font-size:8px;bottom:10px}.feature-grid{gap:30px}.feature:not(:last-child):after{inset-inline-end:-13px}.feature h3{font-size:19px}.feature p{font-size:12px}.section-heading h2{font-size:32px}.together{padding-block:60px}.topup-banner{padding-block:33px;flex-wrap:wrap;gap:18px;min-height:245px}.topup-banner>.button{margin-inline-start:0;min-height:42px}.topup-section{padding-bottom:60px}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom>p:first-child{flex-basis:100%}.site-footer{padding-inline:28px}.recharge-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.package-grid{gap:8px}.package-card>strong{font-size:15px}.package-card{min-height:143px}.payment-grid{grid-template-columns:1fr}.summary-body{padding:19px}.summary-total strong{font-size:23px}.account-strip{padding:15px}.account-strip .small-tag{display:none}.selection-panel{padding:17px}.coins-label{display:none}.legal-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.legal-document{padding:26px}.legal-intro h1{font-size:33px}[dir=rtl] .hero h1{font-size:49px}[dir=rtl] .hero h1 em{font-size:52px}[dir=rtl] .hero-description{font-size:15px}}
@media(max-width:650px){html{scroll-padding-top:30px}.wrap{padding-inline:21px}.site-header{height:81px}.header-inner{gap:20px;padding-inline:21px;flex-wrap:wrap}.brand{width:109px}.brand-icon{width:28px;height:28px;margin-inline-end:7px}.main-nav{gap:17px;font-size:11px;margin-inline-start:auto}.main-nav>a[aria-current]:after{bottom:18px;width:15px}.header-actions{margin-inline-start:0}.language-switch{gap:5px}.language-switch button{font-size:10px}.language-switch>span{height:10px}.hero-grid{grid-template-columns:1fr;gap:14px;padding-top:41px;padding-bottom:5px;min-height:auto;text-align:center}.hero-copy{padding-bottom:0}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:.14em}.hero h1{font-size:53px;line-height:1.06;margin-top:21px}.hero h1 em{font-size:62px;line-height:1.06;margin-top:8px}.hero-description{max-width:340px;font-size:13px;margin:22px auto 0;line-height:1.85}.hero-actions{justify-content:center;margin-top:24px;gap:22px}.hero-actions .button{min-height:49px;padding-inline:24px}.hero-mini{justify-content:center;margin-top:25px}.mini-icons>.icon{padding:7px;width:12px;height:12px}.hero-visual{height:581px;width:min(100%,440px);margin:5px auto 0}.phone{width:236px;border-radius:34px;transform:rotate(4deg)}.phone img{border-radius:25px}.oasis-orb{width:340px;height:340px}.orbit{width:370px;height:315px}.orbit-two{width:330px;height:395px}.float-voice{top:144px;inset-inline-start:-3px;text-align:start}.float-gift{inset-inline-end:-2px;bottom:97px;text-align:start}.phone-caption{bottom:15px;font-size:9px}.spark-one{top:44px;inset-inline-end:19px}.spark-two{bottom:140px;inset-inline-start:5px}.spark-three{inset-inline-end:0;top:315px}.explore-link{font-size:8px;padding-bottom:28px}.together{padding-block:48px 36px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:30px;max-width:320px;margin:12px auto 0;line-height:1.3}.feature-grid{grid-template-columns:1fr;gap:0;margin-top:31px}.feature{padding:22px 0;border-bottom:1px solid #e3e7dc}.feature:last-child{border-bottom:0}.feature:not(:last-child):after{display:none}.feature-top{float:inline-start;margin-inline-end:16px;height:100%;display:block}.feature-icon{height:45px;width:45px;border-radius:13px}.feature-number{display:none}.feature h3{font-size:19px;margin-top:0;line-height:1.35}.feature p{font-size:12px;margin-top:9px;margin-inline-start:61px;line-height:1.8}.feature .icon{width:21px;height:21px}.topup-section{padding-top:0;padding-bottom:48px}.topup-banner{border-radius:22px;padding:30px 24px 190px!important;display:block;min-height:382px;text-align:start}.topup-copy{max-width:330px}.topup-banner .eyebrow{font-size:8px}.topup-banner h2{font-size:28px;max-width:270px}.topup-banner p:not(.eyebrow){font-size:11px;max-width:290px}.topup-banner>.button{margin-top:23px;font-size:11px;min-height:43px}.coin-art{inset-inline-start:auto;inset-inline-end:10px;bottom:0;transform:scale(.85);transform-origin:bottom right}.mascot-banner{inset-inline-start:auto;inset-inline-end:-4px;width:220px;height:225px;bottom:-3px;pointer-events:none}.footer-top{align-items:flex-start;flex-direction:column;gap:26px;padding-bottom:27px}.site-footer{padding:32px 22px 22px}.footer-top .brand{width:112px}.footer-top>div>p{font-size:11px;margin-top:10px}.footer-legal{font-size:10px;gap:11px 30px;width:100%;grid-template-columns:1fr 1fr}.footer-bottom{font-size:8px;padding-top:18px}.prototype-pill{font-size:8px}.recharge-intro{padding-top:30px}.recharge-intro h1{font-size:34px;margin-top:9px}.recharge-intro .eyebrow{font-size:8px}.recharge-intro>p:last-child{font-size:11px;max-width:300px;margin-inline:auto;line-height:1.7;margin-top:12px}.steps{margin-top:28px;margin-bottom:25px}.steps li{font-size:9px;gap:6px}.steps li+li:before{width:22px;margin:0 10px}.steps li>span{height:22px;width:22px;font-size:9px}.steps .icon{width:11px;height:11px}.identity-card{padding:28px 22px 20px;border-radius:20px}.identity-emblem{width:50px;height:50px;border-radius:16px}.identity-card h2{font-size:22px;line-height:1.3}.identity-description{font-size:11px;margin-top:9px}.identity-card form{margin-top:24px}.id-input-wrap{height:56px}.id-input-wrap input{font-size:16px}.identity-submit{margin-top:22px}.demo-id{gap:9px;flex-wrap:wrap;font-size:9px}.demo-id button{font-size:9px}.identity-foot{font-size:8px;line-height:1.7;margin-top:21px;padding-top:15px;align-items:flex-start}.identity-foot .icon{margin-top:1px;flex-shrink:0}.recharge-grid{grid-template-columns:1fr;gap:3px}.account-strip{padding:15px 17px;border-radius:15px;margin-bottom:16px}.account-strip strong{font-size:14px}.account-avatar{width:43px;height:43px}.selection-panel{padding:20px 17px;border-radius:17px;margin-bottom:16px}.panel-heading h2{font-size:18px}.panel-heading p{font-size:10px}.panel-heading{gap:10px}.section-number{font-size:23px}.package-grid{grid-template-columns:repeat(2,1fr);gap:11px}.package-card{min-height:156px}.package-card>strong{font-size:20px}.package-price{font-size:12px;padding-block:9px}.package-coin{height:33px;width:33px;font-size:23px}.package-unit{font-size:9px}.sample-note{font-size:9px;align-items:flex-start}.sample-note .icon{margin-top:2px}.payment-grid{grid-template-columns:1fr 1fr;gap:10px}.payment-card{flex-wrap:wrap;min-height:105px;padding:13px 11px;gap:9px}.payment-card>span:nth-of-type(2){flex-basis:100%}.payment-card strong{font-size:11px}.payment-card small{font-size:8px}.partner-icon{height:27px;width:31px}.radio-dot{position:absolute;top:17px;inset-inline-end:13px}.order-summary{position:static;border-radius:18px;margin-top:4px}.summary-head{padding:20px;display:grid;grid-template-columns:40px 1fr;text-align:start;gap:5px 12px}.summary-icon{grid-row:1/3;width:40px;height:40px;margin:0}.summary-head h2{font-size:20px;align-self:end}.summary-head p{margin:0;font-size:10px}.summary-body{padding:22px}.summary-body>.button{font-size:14px;min-height:53px}.order-rows>div,.order-rows dd{font-size:12px}.summary-total strong{font-size:29px}.summary-total{margin-bottom:20px}.consent{font-size:11px;gap:10px}.consent input{height:18px;width:18px}.checkout-hint{font-size:10px}.summary-privacy{font-size:10px}.region-note{font-size:9px;margin-bottom:15px}.prototype-lab{margin-inline:21px;padding-inline:0;margin-top:26px}.prototype-lab>summary{font-size:9px}.lab-body{font-size:10px;padding:15px}.result-card{padding:27px 22px}.result-card h2{font-size:27px}.result-description{font-size:11px}.order-reference{font-size:8px}.result-disclaimer{font-size:10px}.legal-page{padding-top:31px;padding-bottom:40px}.legal-intro h1{font-size:31px;line-height:1.2}.legal-intro>p:last-child{font-size:12px}.draft-notice{padding:14px;gap:10px}.draft-notice p{font-size:10px}.legal-layout{grid-template-columns:1fr;gap:20px}.legal-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.legal-nav a{font-size:10px;padding:12px 10px;border:1px solid #e4e9db;line-height:1.6}.legal-nav .icon{width:10px;height:10px}.legal-entity{display:none}.legal-document{padding:22px 18px;border-radius:15px}.legal-document-top{font-size:8px;gap:10px}.legal-document-top .text-link{font-size:9px;gap:4px}.legal-body h1{font-size:27px}.legal-body h2{font-size:18px}.legal-body{font-size:12px;line-height:1.85}dialog{padding:29px 23px;max-height:calc(100dvh - 28px)}dialog h2{font-size:26px}.dialog-close{top:10px;inset-inline-end:10px}.store-buttons{gap:8px}.store-buttons strong{font-size:14px}[dir=rtl] .hero h1{font-size:50px;line-height:1.25}[dir=rtl] .hero h1 em{font-size:54px;line-height:1.25}[dir=rtl] .hero .eyebrow{letter-spacing:0;font-size:11px}[dir=rtl] .hero-description{font-size:14px}[dir=rtl] .eyebrow{font-size:10px}[dir=rtl] .topup-banner .eyebrow{font-size:10px}[dir=rtl] .hero-actions{gap:22px}[dir=rtl] .recharge-intro h1{font-size:33px}[dir=rtl] .package-card>strong{font-size:20px}[dir=rtl] .steps li{font-size:10px}}
@media(max-width:380px){.wrap{padding-inline:16px}.header-inner{padding-inline:16px;gap:12px}.brand{width:94px}.brand-icon{display:none}.main-nav{gap:14px;font-size:10px}.language-switch{gap:3px}.language-switch button{font-size:9px}.hero h1{font-size:46px}.hero h1 em{font-size:54px}.hero .eyebrow{font-size:8px}.hero-description{font-size:12px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-visual{height:555px}.phone{width:220px}.float-voice{inset-inline-start:-6px}.float-gift{inset-inline-end:-5px}.oasis-orb{width:290px;height:290px}.orbit{width:335px}.orbit-two{width:305px}.phone-caption{font-size:8px}.steps li+li:before{width:12px;margin-inline:7px}.steps li{font-size:8px}.identity-card{padding-inline:18px}.identity-card h2{font-size:20px}.identity-description{font-size:10px}.demo-id{justify-content:center}.recharge-intro h1{font-size:30px}.payment-card strong{font-size:10px}.selection-panel{padding-inline:14px}.package-card>strong{font-size:18px}.footer-legal{gap:10px 17px}.prototype-lab{margin-inline:16px}[dir=rtl] .hero h1{font-size:45px}[dir=rtl] .hero h1 em{font-size:49px}[dir=rtl] .recharge-intro h1{font-size:30px}[dir=rtl] .steps li{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.button:hover:not(:disabled){transform:none}}
