*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:#171d21;background:#f2f7fd}body{margin:0}a{text-decoration:none;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #80bbff;outline-offset:3px}.site-header{margin:4px 4px 0;border-radius:24px;background:#fff}.header-inner{max-width:1360px;margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:100px;height:55px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:12px}.button,.language{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;white-space:nowrap}.subtle,.language{background:#f0f4f7}.primary{background:#1465f4;color:#fff}.flag{display:inline-block;width:16px;height:12px;margin-right:8px;border-radius:50%;background:linear-gradient(#fff 0 33%,#1757af 33% 66%,#d9223f 66%);box-shadow:0 0 0 1px #d8e1ed}.home-main{max-width:1360px;margin:16px auto}.home-grid{display:grid;grid-template-columns:minmax(0,962px) 390px;gap:8px}.hero{height:680px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(165deg,#1163f4 0%,#2c9dea 100%);color:#fff}.hero-rays{position:absolute;inset:0;background:repeating-conic-gradient(from 12deg at 79% 68%,transparent 0deg 17deg,rgba(0,108,255,.12) 17deg 34deg);opacity:.75}.hero-copy{position:relative;z-index:3;padding:32px;max-width:680px}.hero h1{font-size:38px;letter-spacing:-1.3px;line-height:1.05;margin:0 0 24px;font-weight:800}.hero p{font-size:20px;line-height:1.22;font-weight:700;margin:0 0 24px}.hero-product{background:#64adfa;color:white;gap:10px}.money{position:absolute;bottom:-40px;right:-60px;width:700px;max-width:none;z-index:1}.duck{position:absolute;right:-30px;bottom:-19px;width:455px;max-width:none;z-index:2}.contact-card{background:#fff;border-radius:32px;padding:22px 20px;display:flex;flex-direction:column}.contact-card h2{font-size:36px;line-height:1.08;letter-spacing:-1.3px;margin:0 0 16px}.contact-card h2 span{color:#1765ec}.contact-card p{font-size:18px;line-height:1.4;margin:0}.contact-cta{background:#92b8ff;color:#fff;margin-top:auto}.mobile-partner{display:none}.footer{margin:0 4px 4px;background:#1d2226;color:#fff;border-radius:24px;overflow:hidden}.footer-inner{max-width:1360px;margin:auto;min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand img{display:block;width:78px;height:45px;object-fit:contain;filter:invert(1)}.footer-item{display:flex;gap:14px;align-items:center;min-width:0;font-size:14px}.footer-item strong,.footer-item small{display:block}.footer-item strong{font-weight:700}.footer-item small{color:#8d9baa;font-size:13px;margin-top:2px}.footer-icon{color:#aab8ca;font-size:19px;width:23px;text-align:center}.paperplane{color:#42bbf9}.footer-language{background:#333b42}.copyright{border-top:1px solid #343b42;min-height:62px;display:flex;align-items:center;justify-content:center;color:#a9b4c1;font-size:14px}.agreement-main{max-width:900px;margin:32px auto 44px;padding:0 16px;min-height:calc(100vh - 300px)}.agreement-title{display:flex;align-items:center;gap:14px;font-size:28px;line-height:1.2;margin:0 0 16px;letter-spacing:-.7px}.back{background:#e4ebf2;border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;flex:none}.intro{font-size:16px;line-height:1.5;color:#516070;margin:0 0 26px}.terms details{border-radius:12px;margin-bottom:9px;padding:16px;background:#edf3f9}.terms details[open]{background:#dce4ee}.terms summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.terms summary::-webkit-details-marker{display:none}.terms summary::after{content:'⌄';font-size:20px;font-weight:400;line-height:1}.terms details[open] summary::after{transform:rotate(180deg)}.term-content{font-size:14px;line-height:1.4;color:#475361;margin-top:14px}.term-content p{margin:0;padding:13px 0;border-top:1px solid #cfd8e3}.term-content p:first-child{border-top:0;padding-top:0}.term-content strong{font-weight:700}
@media(max-width:1400px){.header-inner,.home-main,.footer-inner{margin-left:20px;margin-right:20px}.home-grid{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:900px){.home-grid{grid-template-columns:1fr}.contact-card{display:none}.hero{height:650px}.footer-inner{flex-wrap:wrap;padding:24px 0}.footer-item{min-width:35%}}@media(max-width:600px){.site-header{margin:0;border-radius:0;background:#fff}.header-inner{min-height:64px;margin:0 16px}.brand img{width:78px;height:48px}.header-actions{gap:10px}.header-actions .language,.support-top{display:none}.header-actions .button{padding:0 12px;min-height:36px}.home-main{margin:20px}.hero{height:600px;border-radius:24px}.hero-copy{padding:24px 12px;text-align:center}.hero h1{font-size:25px;letter-spacing:-.6px;line-height:1.12;margin:0 0 12px}.hero p{font-size:16px;line-height:1.45;margin:0}.hero-product{position:absolute;top:252px;left:12px;right:12px;height:44px}.mobile-partner{display:flex;position:absolute;top:195px;left:12px;right:12px;height:44px;background:#fff;color:#141a1e;z-index:5}.hero-copy{position:static}.hero-copy h1,.hero-copy p{position:relative;z-index:3}.hero-product{z-index:5}.duck{width:290px;right:calc(50% - 145px);bottom:77px}.money{width:430px;right:calc(50% - 215px);bottom:38px}.footer{margin:24px 0 0;border-radius:24px 24px 0 0}.footer-inner{margin:0 16px;padding:16px 0;gap:15px;display:grid;grid-template-columns:1fr auto}.footer-brand{grid-column:1}.footer-brand img{width:76px;height:40px}.footer-language{grid-column:2;grid-row:1}.footer-item{grid-column:1/-1;min-width:0}.telegram{background:#2b3036;padding:12px;border-radius:18px;flex-direction:row-reverse;justify-content:space-between}.telegram .footer-icon{font-size:26px}.copyright{min-height:64px;font-size:12px}.agreement-main{margin:24px auto 36px}.agreement-title{font-size:23px}.intro{font-size:15px}.term-content{font-size:14px}}@media(max-width:380px){.hero h1{font-size:22px}.hero p{font-size:15px}.hero{height:580px}.mobile-partner{top:185px}.hero-product{top:240px}.duck{bottom:65px}}
/* Keep the mobile illustration fully below the two calls to action. */
@media (max-width:600px){
  .duck{width:220px;right:calc(50% - 110px);bottom:84px}
  .money{width:350px;right:calc(50% - 175px);bottom:70px}
}
@media (max-width:380px){
  .duck{bottom:70px}
  .money{bottom:60px}
}

/* Refinements shared by the homepage and agreement page. */
.flag{width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:linear-gradient(to bottom,#fff 0 33.333%,#1757af 33.333% 66.666%,#d9223f 66.666% 100%)}
.footer-icon.paperplane{display:inline-block;width:28px;height:28px;flex:0 0 28px;background:url('/assets/tonplay-telegram.svg') center / contain no-repeat;font-size:0}
.contact-card{position:relative}
.contact-cta{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);margin:0;background:#1465f4;box-shadow:0 8px 18px rgba(20,101,244,.20)}
@media (max-width:600px){
  .duck{width:205px;right:calc(50% - 102.5px);bottom:70px}
  .money{width:330px;right:calc(50% - 165px);bottom:55px}
}
@media (max-width:380px){
  .duck{bottom:56px}
  .money{bottom:45px}
}

.hero h1{font-size:56px;line-height:1;margin-bottom:12px}
.hero .hero-subtitle{font-size:22px;line-height:1.22;max-width:650px;margin:0 0 18px;font-weight:700}
.contact-cta{gap:9px}
.contact-cta img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}
@media (max-width:600px){
  .hero h1{font-size:32px;line-height:1.05;letter-spacing:-.7px;margin-bottom:6px}
  .hero .hero-subtitle{font-size:16px;line-height:1.25;margin:0 auto 6px;max-width:330px}
  .hero-copy>p:not(.hero-subtitle){font-size:15px;line-height:1.35}
}

/* Keep the CTA clear of the longer partnership copy. */
.contact-card{padding-bottom:88px}
.contact-cta{top:auto;bottom:22px;transform:none}

/* Place the desktop CTA after the copy so it can never cover long text. */
.contact-card{padding-bottom:22px}
.contact-cta{position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none;margin-top:auto}
.contact-card h2 span{color:#1465f4}
html,body{overflow-x:hidden}
.hero-product{display:none}
.header-actions .subtle:not(.support-top){display:none}