:root{--navy:#062b67;--blue:#1477e8;--sky:#eef7ff;--red:#ef4052;--text:#14243b;--muted:#607086;--line:#d9e4ef;--card:#fff;--yellow:#ffd43b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#f7fbff;line-height:1.55}a{text-decoration:none;color:inherit}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px #173b6812}.nav{max-width:1180px;margin:auto;min-height:70px;display:flex;align-items:center;gap:12px;padding:10px 18px}.brand{display:flex;align-items:center;gap:8px;margin-right:auto;font-weight:900;color:var(--navy);font-size:25px}.brandmark{width:42px;height:42px}.brand span{letter-spacing:-.7px}.brand b{color:#ffd22f}.brand em{font-style:normal;color:#1683ee}
.navlinks{display:flex;gap:7px}.navlinks a,.headbtn{padding:10px 14px;border-radius:10px;font-weight:800;font-size:14px}.headbtn.reg{background:var(--red);color:#fff}.headbtn.login{background:var(--blue);color:#fff}.navlinks a:hover{background:#edf6ff}.hamb{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;width:44px;height:44px;font-size:24px}
.wrap{max-width:1180px;margin:auto;padding:0 18px}.hero{padding:32px 0 46px;background:linear-gradient(180deg,#edf7ff,#fff)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.eyebrow{display:inline-block;background:#fff;border:1px solid #cfe0f2;color:var(--blue);font-weight:900;padding:7px 11px;border-radius:999px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:16px 0 15px;font-weight:950;letter-spacing:-2px;color:var(--navy)}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;color:var(--muted);max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:12px;font-weight:900;border:1px solid transparent}.btn.red{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.outline{border-color:#b9cee2;color:var(--navy);background:#fff}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.chip{background:#fff;border:1px solid #d5e3f0;border-radius:999px;padding:8px 13px;font-weight:800;color:#203753}
.phonehero{background:linear-gradient(145deg,#062d70,#127ee7);border-radius:28px;min-height:410px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0758a52b}.phonehero:before,.phonehero:after{content:"";position:absolute;border-radius:50%;background:#ffffff18}.phonehero:before{width:280px;height:280px;right:-110px;top:-110px}.phonehero:after{width:260px;height:260px;left:-150px;bottom:-160px}.phonecopy{position:relative;z-index:2;color:#fff;max-width:52%}.phonecopy h2{font-size:35px;line-height:1.05;margin:22px 0 10px}.phonecopy p{font-size:14px;color:#e7f3ff}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:16px}.mini{background:#fff;color:#12345c;border-radius:9px;padding:7px;text-align:center;font-weight:900;font-size:11px}.phone{position:absolute;right:45px;bottom:-5px;width:180px;height:330px;background:#f9fcff;border:7px solid #fff;border-radius:30px;transform:rotate(7deg);box-shadow:0 12px 30px #001d4d66;z-index:2;padding:13px}.phone-top{height:20px;width:62px;background:#16396b;border-radius:12px;margin:auto}.screen{margin-top:13px;background:#eaf5ff;border-radius:18px;padding:12px}.screen .logo{background:var(--navy);color:#fff;text-align:center;border-radius:8px;padding:7px;font-weight:900}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.screen-grid div{background:#fff;border-radius:8px;padding:13px 4px;text-align:center;font-weight:900;font-size:11px;color:#173b67}.screen-btn{margin-top:9px;background:var(--blue);color:#fff;border-radius:8px;padding:8px;text-align:center;font-size:11px;font-weight:900}
section{padding:65px 0}.section-head{max-width:800px;margin-bottom:26px}.section-head h2{font-size:clamp(29px,4vw,42px);line-height:1.1;color:var(--navy);margin:0 0 10px;font-weight:950}.section-head p{color:var(--muted);font-size:17px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 25px #183c6310}.card h3{margin:0 0 7px;color:var(--navy);font-size:18px}.card p{margin:0;color:var(--muted)}.game-icon{height:68px;display:flex;align-items:center;margin-bottom:9px}.game-icon svg{width:62px;height:62px}.steps{display:grid;gap:13px}.step{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.num{width:36px;height:36px;border-radius:50%;background:#e5f2ff;color:var(--blue);display:grid;place-items:center;font-weight:950}.step strong{display:block;color:#142d4d;font-size:17px}.step span{color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.paygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pay{display:flex;gap:15px;align-items:center}.pay svg{width:62px;height:62px;flex:none}.faq{border:1px solid var(--line);border-radius:13px;background:#fff;margin:10px 0;overflow:hidden}.faq button{width:100%;padding:18px;text-align:left;border:0;background:#fff;font:inherit;font-weight:900;color:var(--navy);display:flex;justify-content:space-between;cursor:pointer}.answer{display:none;padding:0 18px 18px;color:var(--muted)}.faq.open .answer{display:block}.faq.open button{background:#f5faff}.notice{border-left:5px solid var(--red);background:#fff2f3;padding:17px;border-radius:12px}.notice strong{color:#d92d42}.footer{background:#082d68;color:#dcecff;padding:40px 0}.footer .brand{color:#fff}.footer a{color:#dcecff}.footlinks{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:20px}.legal{margin-top:22px;color:#9fc0e3;font-size:13px}.back{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:20px;box-shadow:0 8px 22px #0c65c84d;display:none}
.pagehero{padding:45px 0;background:linear-gradient(180deg,#eef7ff,#fff)}.pagehero h1{font-size:42px;color:var(--navy);margin:0 0 10px}.pagehero p{color:var(--muted);font-size:18px}.ref-screen{max-width:480px;width:100%;display:block;margin:auto;border-radius:20px;box-shadow:0 15px 40px #143c6520;border:1px solid var(--line)}
@media(max-width:800px){.navlinks{display:none;position:absolute;top:70px;left:10px;right:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 15px 35px #163a6018}.navlinks.show{display:grid}.hamb{display:block}.hero-grid,.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.paygrid{grid-template-columns:1fr}.phonehero{min-height:440px}.phonecopy{max-width:58%}.phone{right:8px;width:155px;height:300px}.hero h1{letter-spacing:-1.2px}.section-head h2{font-size:31px}}
@media(max-width:500px){.wrap{padding:0 16px}.hero{padding-top:25px}.grid{grid-template-columns:1fr 1fr}.card{padding:15px}.phonehero{padding:20px;min-height:420px}.phonecopy{max-width:60%}.phonecopy h2{font-size:28px}.phone{width:145px;height:285px;right:-3px}.hero p{font-size:16px}.brand{font-size:22px}.nav{padding:9px 13px}.pagehero h1{font-size:34px}}