@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#030713;--panel:#07132b;--line:#17447f;--blue:#16c8ff;--violet:#7d35ff;--pink:#ed35ff;--text:#f3f7ff;--muted:#a6b8da;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#10265a,transparent 38%),linear-gradient(#020510,#040a1a 58%,#02050d);color:var(--text);font:14px/1.55 Prompt,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #66e8ff;outline-offset:3px}img{max-width:100%;display:block}.shell{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#020613ee;backdrop-filter:blur(18px);border-bottom:1px solid #174b9b;box-shadow:0 6px 30px #001b5666}.header-inner{min-height:72px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-size:clamp(20px,2vw,29px);font-weight:800;letter-spacing:-1px;white-space:nowrap}.spade{font-size:36px;line-height:1;background:linear-gradient(150deg,#fff,#7cdfff 55%,#563dff);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 8px #168cff)}.ace{background:linear-gradient(90deg,#42d8ff,#8c5aff);color:transparent;background-clip:text;-webkit-background-clip:text}.nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.7vw,26px);margin-left:auto}.nav a,.footer-nav a{font-size:11px;font-weight:600;color:#e0eaff;white-space:nowrap}.nav a:hover,.nav a.active,.footer-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:8px}.btn,.pill-btn,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2362bb;border-radius:999px;padding:10px 17px;color:white;background:#071735;cursor:pointer;font-weight:600;transition:.2s}.btn:hover,.pill-btn:hover,.icon-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #168cff66;border-color:#47d8ff}.btn-primary{background:linear-gradient(110deg,#05baff,#3157ff 55%,#7d24f7);border-color:#65ddff;box-shadow:0 0 18px #145bff55}.btn-small{padding:7px 13px;font-size:11px}.hamburger{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid #164d9b;background:radial-gradient(ellipse at 50% 50%,#133e87,#081432 44%,#030713 76%);min-height:360px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 55%,#a42dff55,transparent 25%),radial-gradient(ellipse at 88% 40%,#147dff55,transparent 26%),repeating-linear-gradient(125deg,transparent 0 85px,#0c5cff19 86px 88px)}.hero-content{position:relative;text-align:center;padding:43px 0 34px}.eyebrow{font-size:11px;letter-spacing:4px;color:#d5e8ff;text-transform:uppercase}.eyebrow span{color:#9c60ff}.hero h1{font-size:clamp(34px,5vw,66px);line-height:1.05;margin:12px 0;font-weight:800;text-shadow:0 0 26px #148bff77}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#29caff,#784bff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero p{margin:0 auto 22px;color:#d7e7ff;font-size:clamp(14px,1.7vw,20px)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section{padding:30px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:clamp(19px,2.2vw,27px);margin:0}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:13px}.section-heading .eyebrow{letter-spacing:2px;color:#67dfff;font-size:10px}.portal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.portal-card{min-width:0;overflow:hidden;border:1px solid var(--card-color,#147bff);border-radius:14px;background:linear-gradient(145deg,#0a1732,#030916);box-shadow:0 0 16px color-mix(in srgb,var(--card-color,#147bff) 22%,transparent);transition:transform .2s,box-shadow .2s}.portal-card:hover{transform:translateY(-4px);box-shadow:0 0 25px color-mix(in srgb,var(--card-color,#147bff) 45%,transparent)}.portal-image-wrap{aspect-ratio:1.43/1;display:flex;align-items:center;justify-content:center;background:#030916;overflow:hidden}.portal-card img{width:100%;height:100%;object-fit:contain;object-position:center}.fallback{display:none;min-height:140px;width:100%;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:radial-gradient(circle,var(--card-color,#147bff22),#030916 70%);font-size:28px;font-weight:800;color:var(--card-color,#5cdfff)}.image-failed img{display:none}.image-failed .fallback{display:flex}.portal-meta{padding:11px;display:flex;align-items:center;justify-content:space-between;gap:7px}.portal-meta strong{font-size:15px}.portal-meta span{color:var(--muted);font-size:10px}.portal-meta .btn{padding:7px 9px;font-size:10px;white-space:nowrap}.theme-blue{--card-color:#14c9ff}.theme-gold{--card-color:#ffc34d}.theme-green{--card-color:#4effa8}.theme-purple{--card-color:#a15cff}.theme-pink{--card-color:#ff4dd9}.provider-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}.provider{min-height:64px;border:1px solid #173665;border-radius:10px;background:linear-gradient(145deg,#09162d,#030815);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;color:#e3edff;font-size:11px;font-weight:700}.banner{border:1px solid #1a62c5;border-radius:14px;background:linear-gradient(100deg,#05112b,#0b2860 55%,#160c3c);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 0 22px #006dff22}.banner h2{margin:0;font-size:clamp(19px,2.8vw,30px);color:#6ee7ff}.banner p{margin:4px 0 0;color:#d5e5ff}.update-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promo-card{border:1px solid #1a4a8b;background:#07132a;border-radius:13px;overflow:hidden;position:relative}.promo-image{aspect-ratio:1.55/1;background:#050b19;display:flex;align-items:center;justify-content:center}.promo-card img{width:100%;height:100%;object-fit:contain}.promo-number{position:absolute;top:10px;left:10px;border:1px solid #58dfff;border-radius:7px;background:#04132cdd;padding:5px 10px;font-weight:800;color:#66eaff}.promo-caption{padding:12px 14px;color:#dce8ff;font-size:12px}.page-hero{padding:34px 0 24px;background:radial-gradient(ellipse at 50% 0,#153d82,transparent 65%)}.page-hero h1{font-size:clamp(26px,4vw,42px);margin:0 0 5px}.page-hero p{color:var(--muted);margin:0}.directory-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 180px;gap:15px;align-items:start}.side-panel,.panel{border:1px solid #17447f;border-radius:14px;background:linear-gradient(145deg,#07152fdd,#030916);padding:15px;box-shadow:inset 0 0 20px #0b367022}.side-panel h3,.panel h3{font-size:14px;margin:0 0 12px}.category-list{display:grid;gap:6px}.category-list button{border:1px solid transparent;border-radius:8px;background:transparent;color:#c8d9f7;text-align:left;padding:9px;cursor:pointer}.category-list button:hover,.category-list button.active{border-color:#2b7bff;background:#0a2a5b;color:white}.search-field{width:100%;border:1px solid #24528c;border-radius:9px;background:#020918;color:#fff;padding:10px;margin-bottom:12px}.directory-main .portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-provider-list{display:grid;gap:10px}.mini-provider{display:flex;gap:9px;align-items:center;color:#c8d9f7;font-size:12px}.mini-provider b{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#0b2d60;color:#6be6ff}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}.detail-top{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center}.detail-logo{aspect-ratio:1;background:radial-gradient(circle,#103d83,#030a17);border:1px solid #1b6fce;border-radius:16px;display:grid;place-items:center;font-size:32px;font-weight:800;color:#61dfff}.detail-title{font-size:clamp(28px,4vw,42px);margin:0}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.tag{border:1px solid #23548c;background:#071b3c;border-radius:99px;padding:4px 10px;color:#b8d7ff;font-size:11px}.game-preview{margin-top:18px;min-height:170px;border:1px solid #2456a1;border-radius:12px;background:radial-gradient(ellipse,#123a78,#030713);display:grid;place-items:center;text-align:center;padding:18px}.play-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:2px solid #80eaff;background:#0869ce;margin:0 auto 8px;font-size:24px}.wallet-tabs{display:flex;gap:10px;margin-bottom:20px}.payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.payment-option{padding:18px 10px;border:1px solid #214c87;border-radius:12px;background:#07152c;text-align:center;cursor:pointer;color:#e5f0ff}.payment-option.selected,.payment-option:hover{border-color:#55dfff;box-shadow:0 0 16px #078dff44}.payment-icon{font-size:26px;color:#60dfff;margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.step{border:1px solid #1b4c8c;border-radius:10px;padding:12px;text-align:center;background:#06132a}.step b{display:block;font-size:23px;color:#54dfff}.account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px}.account-nav{display:grid;gap:6px}.account-nav a{padding:11px;border-radius:8px;color:#d5e4ff}.account-nav a.active,.account-nav a:hover{background:#102e67}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px}.profile-head{display:flex;align-items:center;gap:16px}.avatar{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#246cff,#c02bff);font-size:22px;font-weight:800}.balance{font-size:26px;font-weight:800;color:#6ce5ff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#06122a;border:1px solid #1a427b;border-radius:10px;padding:14px}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{font-size:19px}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:center}.app-feature-list{display:grid;gap:12px;margin:22px 0}.app-feature{display:flex;align-items:center;gap:12px}.app-feature i{font-style:normal;width:38px;height:38px;display:grid;place-items:center;border:1px solid #2c77ce;border-radius:10px;color:#69dfff}.phone-mock{max-width:250px;margin:auto;border:5px solid #1e3c72;border-radius:30px;padding:12px;background:#030713;box-shadow:0 0 45px #245cff44}.phone-screen{min-height:410px;border-radius:18px;background:radial-gradient(circle at 50% 20%,#2d2c92,#060c20 60%);padding:16px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.support-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 220px;gap:15px}.faq-item{border:1px solid #1a477f;border-radius:10px;margin-bottom:9px;overflow:hidden;background:#06132a}.faq-item summary{padding:13px 15px;cursor:pointer}.faq-item p{padding:0 15px 14px;margin:0;color:var(--muted)}.contact-card{display:grid;gap:10px}.contact-line{padding:10px;border-radius:9px;background:#081a36;border:1px solid #163c70}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);min-height:520px;border:1px solid #1a4a8b;border-radius:18px;overflow:hidden;background:#050d20}.auth-art{padding:35px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 30% 40%,#2b3e9c,#080f2c 60%,#030713)}.big-spade{font-size:100px;color:#6bdcff;line-height:1}.auth-form{padding:clamp(22px,4vw,44px);display:flex;flex-direction:column;justify-content:center}.auth-form h1{margin:0 0 5px;font-size:28px}.auth-form>p{color:var(--muted);margin:0 0 20px}.form-field{display:grid;gap:6px;margin-bottom:13px}.form-field label{font-size:12px;color:#c8d9f7}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #204a83;border-radius:9px;padding:12px;background:#030a19;color:white}.form-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin:4px 0 16px}.notice{border:1px solid #26558b;background:#081b37;color:#bdd5f7;border-radius:10px;padding:12px;font-size:12px}.text-link{color:#6cddff}.site-footer{margin-top:34px;border-top:1px solid #194681;background:#020611;padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-brand small{display:block;color:#8ca5cb;font-size:10px;letter-spacing:2px}.footer-nav{display:flex;gap:14px;flex-wrap:wrap}.footer-nav a{font-size:10px}.copyright{color:#8094b7;font-size:10px}.back-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;border:1px solid #2778d9;background:#061b3d;color:#fff;cursor:pointer;z-index:20}.empty-state{display:none;padding:22px;color:var(--muted);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.header-inner{gap:12px}.nav{gap:10px}.nav a{font-size:10px}.portal-grid{gap:9px}.portal-meta{align-items:flex-start;flex-direction:column}.portal-meta .btn{width:100%}.provider-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.directory-layout{grid-template-columns:175px minmax(0,1fr)}.directory-layout>.providers-panel{display:none}.directory-main .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-layout{grid-template-columns:170px minmax(0,1fr)}.support-layout>.contact-panel{grid-column:2}}
@media(max-width:760px){.shell{width:min(calc(100% - 22px),var(--max))}.header-inner{min-height:62px}.brand{font-size:21px}.spade{font-size:29px}.hamburger{display:inline-flex;width:40px;height:40px;padding:8px}.nav{display:none;position:absolute;left:10px;right:10px;top:calc(100% + 1px);padding:10px;border:1px solid #1a4c91;border-radius:12px;background:#030a1af5;align-items:stretch;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #102c54;font-size:13px}.header-actions .login-link{display:none}.header-actions .btn{padding:7px 10px;font-size:10px}.hero{min-height:315px}.hero-content{padding:40px 0 32px}.eyebrow{letter-spacing:2px;font-size:10px}.section{padding:23px 0}.section-heading{align-items:flex-start;flex-direction:column}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-card:last-child{grid-column:1/-1;max-width:calc(50% - 5px);width:100%;justify-self:center}.portal-image-wrap{aspect-ratio:1.38/1}.portal-meta{padding:9px;gap:7px}.portal-meta strong{font-size:14px}.portal-meta .btn{font-size:9px;padding:7px}.provider-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.provider{min-height:54px;font-size:10px}.banner{align-items:flex-start;flex-direction:column;padding:17px}.update-grid,.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.promo-image{aspect-ratio:1.25/1}.promo-caption{padding:9px;font-size:11px}.directory-layout{grid-template-columns:1fr}.directory-layout>.providers-panel{display:block}.category-list{grid-template-columns:repeat(3,minmax(0,1fr))}.category-list button{font-size:11px;padding:8px}.directory-main .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-main .portal-meta{flex-direction:column}.detail-layout{grid-template-columns:1fr}.detail-top{grid-template-columns:100px minmax(0,1fr);gap:13px}.detail-title{font-size:26px}.detail-logo{font-size:22px}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.account-layout{grid-template-columns:1fr}.account-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.app-layout{grid-template-columns:1fr}.phone-mock{max-width:220px}.support-layout{grid-template-columns:1fr}.support-layout>.contact-panel{grid-column:auto}.auth-layout{grid-template-columns:1fr}.auth-art{min-height:150px;padding:20px}.big-spade{font-size:55px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-nav{gap:10px 13px}}
@media(max-width:390px){.header-actions{gap:5px}.header-actions .btn{padding:7px 8px}.brand{font-size:18px}.portal-meta .btn{font-size:9px;padding:7px 5px}.update-grid,.promo-grid{grid-template-columns:1fr}.promo-image{aspect-ratio:1.55/1}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-top{grid-template-columns:1fr}.detail-logo{max-width:120px}.wallet-tabs{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Image-fit refinement: preserve each supplied artwork's natural proportions. */
.portal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 22px); align-items: start; }
.portal-card { height: auto; }
.portal-card > a { display: block; height: 100%; }
.portal-image-wrap { aspect-ratio: auto; height: auto; overflow: hidden; background: #030916; }
.portal-card .portal-image-wrap > img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; object-position: center; }
.portal-meta { min-height: 64px; padding: 12px 14px; align-items: center; }
.portal-meta > div { min-width: 0; }
.portal-meta .btn { flex: 0 0 auto; }
.promo-grid, .update-grid { align-items: start; gap: clamp(12px, 1.5vw, 20px); }
.promo-card { min-width: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.promo-image { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border: 1px solid #194e91; border-radius: 12px; background: #030916; box-shadow: 0 6px 22px #0006; }
.promo-card:hover .promo-image { border-color: #4bdcff; box-shadow: 0 0 22px #168cff35; }
@media (max-width: 760px) {
  .portal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .portal-card:last-child { grid-column: auto; max-width: none; width: auto; justify-self: stretch; }
  .portal-meta { align-items: flex-start; flex-direction: column; padding: 10px; }
  .portal-meta .btn { width: 100%; }
  .promo-grid, .update-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
@media (max-width: 390px) {
  .portal-grid { gap: 9px; }
  .portal-meta { padding: 8px; }
  .portal-meta strong { font-size: 13px; }
  .promo-grid, .update-grid { grid-template-columns: 1fr; }
}


/* Logo image and full-width hero banner update */
.brand-image { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: flex-start; min-width: 0; }
.brand-image img { display: block; width: clamp(104px, 12vw, 160px); height: auto; max-height: 56px; object-fit: contain; object-position: left center; }
.footer-brand.brand-image img { width: clamp(110px, 13vw, 160px); max-height: 58px; }
.hero-image-banner { min-height: 0; height: auto; padding: 0; overflow: hidden; background: #030713; border-bottom: 1px solid #164d9b; }
.hero-image-banner::before { display: none; }
.hero-banner-image { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; object-position: center; }
@media (max-width: 760px) {
  .hero-image-banner { min-height: 0; }
  .brand-image img { width: clamp(92px, 27vw, 132px); max-height: 46px; }
  .footer-brand.brand-image img { width: 125px; max-height: 48px; }
}