*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Quicksand,Nunito,system-ui,sans-serif;background:#1b2740 url(bg.webp) center/cover fixed;color:#e8eefc}
body:before{content:"";position:fixed;inset:0;background:rgba(20,30,54,.84);z-index:-1}
.top{max-width:1140px;margin:auto;display:flex;justify-content:center;align-items:center;padding:18px 20px 0}
.brand{transition:opacity .15s}.brand:hover{opacity:.85}.brand{font-size:32px;font-weight:700;color:#fff;text-decoration:none}.brand b,h2 b,.card em{color:#ff5fa8;font-style:normal}
nav a{color:#fff;text-decoration:none;font-size:13px;letter-spacing:1px;margin-left:12px;padding:9px 18px}.btn-o{border:1px solid #4a6a9c;border-radius:4px}
.card{position:relative;width:min(1120px,calc(100% - 32px));margin:44px auto;background:#fff;color:#2b3560;border-radius:10px;padding:64px 400px 56px 64px;min-height:460px;box-shadow:0 20px 50px #0006;border-top:5px solid #38b6ff;border-image:linear-gradient(90deg,#38b6ff,#ff4fd8,#ffd84a,#ff5f7e) 1}
.card h1{font-size:34px;line-height:1.45;margin:0;text-align:center}.bar{display:block;width:40px;height:5px;border-radius:4px;background:#ff5fa8;margin:18px auto 24px}
.go{display:inline-flex;align-items:center;gap:10px;padding:21px 58px;border-radius:50px;background:linear-gradient(#ff7aa2,#f2487c);color:#fff;font:700 25px inherit;border:0;cursor:pointer;box-shadow:0 8px 20px #f2487c55;margin:0 auto;display:flex}
.go[disabled]{opacity:.6;cursor:wait}.hint{text-align:center;font-size:14px;color:#5d6a99}.hint a{color:#ff5fa8}
.mas{position:absolute;right:0;bottom:0;width:410px;height:112%;pointer-events:none}.mas img{width:100%;height:100%;object-fit:cover;object-position:top}
.fm{display:grid;gap:10px;margin-bottom:12px}.fm input{padding:13px 16px;border:1px solid #cfd6ee;border-radius:10px;font:inherit}
.res{text-align:center;font-weight:700}.ok a{color:#f2487c}.er{color:#d63b3b}
.about{max-width:900px;margin:60px auto;padding:30px 20px;display:flex;gap:40px;align-items:center}.globe{font-size:110px}
h2{font-size:30px;margin:0 0 10px;color:#fff}.about p{color:#c3cde8;line-height:1.7}.more{color:#ff5fa8;text-decoration:none;font-weight:700}
pre,code{background:#101a30;border-radius:8px;color:#9fd8ff;padding:2px 6px}pre{padding:16px;overflow:auto;font-size:13px}
@media(max-width:700px){.card{padding:34px 22px 240px;min-height:0}.mas{width:250px;height:230px}.card h1{font-size:24px}.go{font-size:20px;padding:16px 38px}.about{flex-direction:column}}

.ft{margin-top:auto;text-align:center;padding:26px 16px 30px;font-size:13px;color:#8d9bc4}.ft a{color:#ff5fa8;text-decoration:none}.ft b{color:#ff5fa8}
.top{width:100%}.card{flex:none}.about{width:100%}