*{box-sizing:border-box}html,body{margin:0;background:#f5f6f8;color:#111;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{width:min(100%,720px);margin:auto;padding:28px 26px 120px}.topbar{height:82px;display:flex;align-items:center}.brand{font-family:Georgia,serif;font-size:40px;letter-spacing:-2px}.brand span{color:#2467d9}.brand b{color:#111}.hero{height:180px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.15fr .9fr 1fr;background:linear-gradient(110deg,#1564d8,#1540a6);color:#fff;position:relative;margin:12px 0 20px}.hero-copy,.hero-side{padding:22px 18px;z-index:2}.eyebrow{font-weight:900;font-size:18px;letter-spacing:.5px}.hero h1{font-size:25px;line-height:1.05;margin:10px 0 6px}.hero h1 strong{color:#b9cfff}.hero p,.hero-side p{font-size:12px;margin:4px 0 12px}.hero-side{background:rgba(9,31,93,.32);display:flex;flex-direction:column;justify-content:center}.hero-side h2{font-size:23px;line-height:1;margin:0}.white-btn,.blue-btn,.watch{border:0;border-radius:24px;padding:10px 17px;font-weight:800;cursor:pointer}.white-btn{background:#fff;color:#2461c9;align-self:flex-start}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.phone{width:58px;height:104px;border:5px solid #fff;border-radius:12px;background:linear-gradient(160deg,#eaf1ff,#7758ed);display:grid;place-items:center;font-size:31px;transform:rotate(-8deg);box-shadow:0 10px 25px #071e59}.gift{position:absolute;width:72px;height:58px;background:linear-gradient(135deg,#6044dd,#9d55ff);border-radius:7px;bottom:26px;left:50%;transform:translateX(-5%) rotate(4deg);display:grid;place-items:center;font-size:28px}.coin{position:absolute;background:#ffd63b;color:#b97800;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-weight:900}.c1{left:18%;bottom:23px}.c2{right:12%;top:22px}.stats{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:25px;overflow:hidden}.stat{min-height:112px;padding:22px 18px;display:flex;justify-content:space-between;align-items:center;border:2px solid #f3f3f3}.stat strong{display:block;font-size:28px}.stat span{display:block;color:#a5a5aa;font-size:17px;margin-top:5px}.stat i{font-style:normal;font-size:38px}.stat:nth-child(1) i{color:#2871dc}.stat:nth-child(2) i{color:#e9a91b}.stat:nth-child(3) i{color:#4aa843}.stat:nth-child(4) i{color:#7749dc}.more{text-align:center;color:#aaa;font-size:19px;padding:11px}.card{background:#fff;border-radius:26px}.team{min-height:195px;padding:25px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#fff,#f7fbff);border:1px solid #edf0f6}.team h2{margin:0 0 10px;font-size:25px}.team h2 em{display:inline-block;width:5px;height:27px;background:#2467db;margin-right:8px;vertical-align:-4px}.team p{font-size:20px;font-weight:600;margin:0 0 18px}.blue-btn{background:linear-gradient(110deg,#4f91f2,#477be5);color:#fff;font-size:17px}.team-art{width:145px;height:95px;border-radius:50%;border:2px solid #b8cffc;display:flex;align-items:center;justify-content:center;gap:12px;color:#2d6bea;font-size:35px}.team-art b{font-size:55px}.tutorial{margin-top:30px}.tutorial h2{font-size:31px;margin:0 0 25px}.tutorial-card{min-height:106px;padding:20px 24px;display:flex;align-items:center;gap:16px}.tutorial-card strong{font-size:21px}.tutorial-icon{color:#316ee0;font-size:27px}.watch{margin-left:auto;background:#eef3ff;color:#386dcc;font-size:16px}.support{position:fixed;right:max(28px,calc((100vw - 720px)/2 + 25px));bottom:105px;width:66px;height:66px;border:0;border-radius:50%;background:#3475eb;color:#fff;font-size:30px;box-shadow:0 10px 28px #3475eb55}.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(calc(100% - 36px),680px);height:80px;background:#fff;border-radius:40px;display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;align-items:center;padding:7px 8px;box-shadow:0 6px 30px #00000010;border:1px solid #edf0f5}.bottom-nav button{border:0;background:none;color:#999;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav button span{font-size:24px}.bottom-nav .active{color:#2867d6}.bottom-nav sup{background:#f2a91a;color:#fff;border-radius:10px;padding:2px 5px;font-size:10px}.bottom-nav .pay{width:64px;height:64px;margin:auto;background:linear-gradient(#ffe74d,#eeb500);border:4px solid #fff;border-radius:50%;color:#a46b00;font-size:35px;box-shadow:0 3px 12px #e4b80066}@media(max-width:520px){.app{padding:18px 26px 115px}.brand{font-size:38px}.hero{height:178px;grid-template-columns:1.05fr .75fr .85fr}.hero-copy{padding:20px 0 15px 0}.hero-side{padding:18px 8px}.hero h1{font-size:20px}.eyebrow{font-size:14px}.hero-side h2{font-size:19px}.hero p,.hero-side p{font-size:10px}.white-btn{padding:8px 11px;font-size:10px}.stats .stat{min-height:112px;padding:18px 17px}.stat strong{font-size:27px}.stat span{font-size:16px}.team{min-height:195px;padding:24px}.team p{font-size:18px}.team-art{width:120px}.support{right:28px}.bottom-nav{height:78px;width:calc(100% - 36px)}}