.dashboard{background:#fff}.app-header{padding:23px 24px 13px}.app-header .notification{border-color:#e8eff7;background:#fff;border-radius:50%;width:38px;height:38px}.dashboard-content{padding-left:24px;padding-right:24px}.home-view{--ink:#183653;--soft:#8294aa}.welcome-row{display:flex;justify-content:space-between;align-items:center;padding:12px 1px 20px}.welcome-row p{font-size:11px;color:#8495a9;letter-spacing:.1px}.welcome-row p>span{color:#eab550;font-size:15px;margin-left:4px}.welcome-row h1{font-size:28px;color:var(--ink);font-weight:750;letter-spacing:-1.1px;margin-top:5px;line-height:1.3}.greeting-dot{color:#13abc1}.profile-bubble{position:relative;width:47px;height:47px;border-radius:50%;padding:4px;border:1px solid #dcebf4;background:white}.profile-bubble>span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#d9effb,#e6f8ef);font-size:19px;font-weight:700;color:#3688a4}.profile-bubble>i{display:grid;place-items:center;position:absolute;bottom:-1px;right:-3px;background:white;border:2px solid #fff;color:#4b9bbb;border-radius:50%;width:17px;height:17px}.profile-bubble .icon{width:11px;height:11px}.pocket-card{border-radius:22px;padding:19px 20px 13px;background:linear-gradient(112deg,#117ae9,#1464d9 65%,#226edc);box-shadow:0 7px 18px #1079e526}.pocket-card .balance-top>span{font-size:11px;letter-spacing:.15px;gap:8px}.pocket-card .balance-top .icon-button{min-width:28px;min-height:25px}.balance-main{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0 17px}.pocket-card .balance-amount{font-size:34px;line-height:1.2;margin:0;letter-spacing:-1.3px}.pocket-card .balance-amount>span{font-size:8px;color:#b7d6ff;letter-spacing:.3px;margin-left:8px}.topup-pill{display:flex;align-items:center;gap:5px;background:white;color:#1268d4;border-radius:10px;font-size:10px;font-weight:700;min-height:35px;padding:9px 12px;box-shadow:0 3px 5px #0a4ba714}.topup-pill .icon{width:13px;height:13px}.pocket-divider{position:relative;z-index:1;height:1px;background:#ffffff26}.pocket-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:12px}.pocket-footer>span,.pocket-footer button{display:flex;align-items:center;gap:5px;font-size:9px;color:#d9eaff}.pocket-footer button{color:white;font-weight:600}.pocket-footer .icon{width:13px;height:13px}.pocket-orbit{position:absolute;border:1px solid #ffffff14;width:245px;height:245px;border-radius:50%;right:-96px;top:-116px;pointer-events:none}.orbit-b{width:320px;height:320px;right:-133px;top:-153px;box-shadow:0 0 0 38px #ffffff04}.home-services{margin-top:28px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.home-section-heading h2{font-size:17px;letter-spacing:-.5px;font-weight:730;color:var(--ink)}.home-section-heading p{font-size:10px;color:#93a0b1;margin-top:5px;line-height:1.5}.section-decoration{font-size:30px;color:#a6cbe7;font-weight:300}.home-services .service-grid{gap:20px 8px}.home-services .service{font-size:10px;font-weight:550;color:#415671;gap:8px}.home-services .service-icon{width:49px;height:49px;border-radius:16px;border:1px solid #ffffffb3;box-shadow:0 3px 0 #eef2f540,inset 0 2px 3px #ffffff91}.home-services .service-icon .icon{width:23px;height:23px;stroke-width:1.8}.home-services .blue{background:linear-gradient(145deg,#edf6ff,#e3f0ff)}.home-services .violet{background:linear-gradient(145deg,#f6f1ff,#ede3ff)}.home-services .orange{background:linear-gradient(145deg,#fff7e9,#fff0d9)}.home-services .green{background:linear-gradient(145deg,#edfbf5,#dff5ed)}.home-services .pink{background:linear-gradient(145deg,#fff2f7,#fce5f0)}.people-banner{margin:29px 0 27px;border-radius:19px;position:relative;isolation:isolate;min-height:200px;overflow:hidden;background:#e9f5ff;border:1px solid #dceefa}.people-banner-copy{position:relative;z-index:2;padding:21px 0 20px 18px;width:60%;pointer-events:none}.mini-eyebrow{font-size:7px;font-weight:700;letter-spacing:1.25px;color:#488ca9;display:flex;gap:5px;align-items:center}.mini-eyebrow i{width:4px;height:4px;background:#4babc4;border-radius:50%}.people-banner h2{font-size:23px;line-height:1.2;letter-spacing:-.9px;color:#174977;margin:12px 0 9px;font-weight:750}.people-banner p{font-size:10px;color:#7295b2;line-height:1.6}.people-banner button{pointer-events:auto;background:white;border:1px solid #daebfa;color:#247cc5;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650;border-radius:9px;margin-top:15px;padding:9px 11px;box-shadow:0 2px 5px #366d9910}.people-banner button .icon{width:13px;height:13px}.people-illustration{position:absolute;z-index:1;right:-42px;bottom:-5px;width:242px;height:242px;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.banner-flower{position:absolute;right:17px;top:14px;color:#83b6d9;font-size:24px;z-index:2}.operator-section{margin-top:22px}.subtle-icon{color:#afc4d7}.subtle-icon svg{width:19px;height:19px}.operator-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.operator-strip button{padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.operator-strip button>span{border:1px solid #e8eef5;border-radius:13px;width:100%;height:45px;display:grid;place-items:center;background:#fff;transition:border-color .15s,transform .15s}.operator-strip button:hover>span{border-color:#8bbde9;transform:translateY(-2px)}.operator-strip img{width:30px;height:27px;object-fit:contain}.operator-strip small{font-size:8px;color:#728397}.daily-section{margin-top:29px}.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.daily-card{border-radius:17px;text-align:left;padding:15px 13px 14px;overflow:hidden;border:1px solid #e8f0f4}.daily-wallet{background:linear-gradient(130deg,#f0faf7,#e9f7f3)}.daily-play{background:linear-gradient(130deg,#f6f2ff,#f0ebfc);border-color:#eee8f8}.daily-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#57998b}.daily-play .daily-card-top{color:#9b89c8}.daily-mini-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#ffffff9c}.daily-mini-icon .icon{width:16px;height:16px}.daily-card-top>.icon{width:14px;height:14px;transform:rotate(-35deg)}.daily-card h3{font-size:13px;letter-spacing:-.3px;color:#345e55}.daily-play h3{color:#66548c}.daily-card p{font-size:9px;color:#8aa89d;margin-top:6px}.daily-play p{color:#a090b8}.wallet-logos,.game-logos{display:flex;gap:6px;margin-top:16px;align-items:center;height:29px}.wallet-logos>span,.game-logos>span:not(.play-spark){display:grid;place-items:center;width:29px;height:29px;background:white;border-radius:9px;border:1px solid #e7f0ed}.wallet-logos img,.game-logos img{width:20px;height:20px;object-fit:contain}.wallet-logos img[src*="ovo-wordmark"]{background:#4c2b87;border-radius:3px;padding:3px 1px}.game-logos .play-spark{color:#b59cdb;font-size:25px;margin-left:auto;line-height:1}.home-history{margin-top:29px}.history-blank{display:flex;align-items:center;justify-content:center;gap:17px;padding:22px 10px;border:1px dashed #dce7f1;border-radius:17px;background:#fcfdff}.history-art{position:relative;width:54px;height:57px;display:grid;place-items:center}.history-art>span{width:44px;height:49px;display:grid;place-items:center;border:1px solid #dbe8f5;background:linear-gradient(145deg,#f9fcff,#eaf3fd);border-radius:11px;transform:rotate(-9deg);box-shadow:4px 4px 0 #ecf3fb}.history-art .icon{width:24px;height:24px;color:#94b6d6}.history-art i{position:absolute;font-size:20px;right:-6px;top:-7px;font-style:normal;color:#c3d5e8}.history-blank strong{font-size:11px;color:#617b95}.history-blank p{font-size:10px;line-height:1.7;color:#9caaba;margin-top:6px}.help-banner{width:100%;display:flex;align-items:center;gap:11px;text-align:left;margin-top:24px;background:#f7faff;border:1px solid #eaf1f9;border-radius:14px;padding:14px 12px}.help-icon{color:#5997cc;display:grid;place-items:center;width:35px;height:35px;background:white;border:1px solid #e7eff8;border-radius:12px}.help-icon svg{width:20px;height:20px}.help-banner>span:nth-child(2){flex:1}.help-banner strong{font-size:11px;color:#4e7090;display:block}.help-banner small{font-size:9px;color:#95a8bb;margin-top:5px;display:block}.help-banner>.icon{width:14px;color:#a6b9cc}.home-signoff{display:flex;flex-direction:column;align-items:center;padding:28px 0 3px;gap:9px}.home-signoff img{opacity:.55}.home-signoff>span{font-size:10px;color:#9caec0;letter-spacing:.3px}.home-signoff small{font-size:8px;color:#bcc8d5}.bottom-nav .active:before{width:26px;height:3px}.bottom-nav button{font-size:9px}.bottom-nav .active{color:#1277dd}.bottom-nav{box-shadow:0 -4px 20px #396a9a04}.home-view button:active{transform:translateY(1px)}
@media(max-width:360px){.welcome-row h1{font-size:25px}.home-section-heading h2{font-size:16px}.people-banner h2{font-size:21px}.people-banner-copy{padding-left:14px}.people-illustration{width:218px;height:218px;right:-50px;bottom:0}.mini-eyebrow{font-size:6px;letter-spacing:.9px}.operator-strip{gap:5px}.operator-strip img{width:25px;height:24px}.operator-strip small{font-size:7px}.daily-card{padding:13px 10px}.daily-card h3{font-size:12px}.pocket-card{padding-left:17px;padding-right:17px}.home-services .service-icon{width:46px;height:46px}}
.people-illustration{width:216px;height:216px;right:-34px;bottom:-8px;mask-image:linear-gradient(to right,transparent,#000 20%)}
@media(max-width:360px){.people-illustration{width:197px;height:197px;right:-39px;bottom:-4px}.people-banner h2{font-size:20px}}