:root{--ink:#1f2a37;--slate:#34495e;--soft:#5f6b7a;--gold:#e2b24a;--gold-l:#fff1c2;--tg:#32b5f2;--line:rgba(31,42,55,.12);color-scheme:light}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#fff}
body{background:#fff;color:var(--ink);font:400 16px/1.65 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:env(safe-area-inset-bottom,0px)}
.top{max-width:640px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 8px;text-align:center}
.girls{display:block;width:100%;max-width:540px;height:auto;margin:0 auto;mix-blend-mode:multiply}
.vpn{margin:12px auto 24px;font:800 clamp(14px,3.6vw,18px)/1.4 Manrope,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--slate)}
.vpn a{color:#000;text-decoration:none;border-bottom:2px solid var(--gold)}
.btns{display:grid;gap:14px;width:min(320px,100%);margin:0 auto}
.btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 16px;border-radius:26px;text-decoration:none;color:#fff;font:800 17px/1.2 Manrope,sans-serif;overflow:hidden;isolation:isolate;border:2px solid transparent;transition:transform .25s,box-shadow .25s}
.btn::before{content:"";position:absolute;left:6%;right:6%;top:3px;height:46%;border-radius:22px 22px 60% 60%/22px 22px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04));pointer-events:none;z-index:1}
.btn::after{content:"";position:absolute;top:-10%;left:-60%;width:34%;height:120%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-22deg);animation:sheen 5.5s ease-in-out infinite;pointer-events:none;z-index:2}
@keyframes sheen{0%,62%{left:-60%}100%{left:140%}}
.btn>*{position:relative;z-index:3}
.btn img{width:150px;height:auto;display:block}
.btn svg{width:34px;height:34px}
.site{background:linear-gradient(180deg,#34302b 0%,#0b0a09 70%) padding-box,linear-gradient(135deg,#fff1c2,#e2b24a 45%,#9a6f1b) border-box;box-shadow:0 14px 28px -10px rgba(226,178,74,.75),0 6px 14px -6px rgba(0,0,0,.5),inset 0 -10px 18px rgba(226,178,74,.18)}
.app{background:linear-gradient(180deg,#34302b 0%,#0b0a09 70%) padding-box,linear-gradient(135deg,#fff1c2,#e2b24a 45%,#9a6f1b) border-box;box-shadow:0 14px 28px -10px rgba(226,178,74,.75),0 6px 14px -6px rgba(0,0,0,.5),inset 0 -10px 18px rgba(226,178,74,.18)}
.app::after{animation-delay:2.7s}
.btn:active{transform:scale(.97)}
.btn:focus-visible{outline:3px solid #7a5cff;outline-offset:3px}
@media(hover:hover){.btn:hover{transform:translateY(-3px)}}
.note{margin:22px 0 0;font-size:17px;color:var(--slate)}
.note a{color:#9a6a14;font-weight:800;text-underline-offset:4px;text-decoration-color:var(--gold);text-decoration-thickness:2px}
main{max-width:800px;margin:0 auto;padding:56px 20px 72px}
h1{font:800 clamp(24px,3.4vw,34px)/1.2 Manrope,sans-serif;margin-bottom:20px;letter-spacing:-.01em}
h2{font:800 clamp(19px,2.4vw,24px)/1.3 Manrope,sans-serif;margin:44px 0 18px}
main p{color:#3d4856;margin-bottom:14px;max-width:68ch}
.ways{list-style:none;padding:0;display:grid;gap:12px}
.ways li{padding:18px 20px;border-radius:20px;background:#f6f7f9;border:1px solid var(--line);color:#3d4856}
.ways b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
details{border-bottom:1px solid var(--line);max-width:68ch}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;font-size:17px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:26px;line-height:1;color:#b8893a;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
summary:focus-visible{outline:2px solid #7a5cff;outline-offset:3px}
details p{padding-bottom:6px}
@media(max-width:600px){body{overflow-x:hidden}.top{padding-left:0;padding-right:0}.girls{width:106%;max-width:none;margin-left:-3%}.vpn,.note{padding:0 16px}.btns{width:min(320px,calc(100% - 32px))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media screen and (max-width: 767px) {
	.top {
		max-width: 375px;
		margin: 0 auto;
	}
}