*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#111014;color:#faf7fa;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100svh;max-width:1280px;margin:auto;padding:0 64px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 36%,#411c2b70,transparent 55%)}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e}.brand{color:inherit;text-decoration:none;font-size:20px;font-weight:700;display:flex;gap:10px;align-items:center}.brand-heart{color:#ff476c;font-size:28px}.edition{color:#aaa2ac;font-size:12px;letter-spacing:2px}main{padding:56px 0 65px;flex:1;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;color:#c5b2bd;letter-spacing:2px}.eyebrow span{width:18px;height:1px;background:#ff5a79}.app-icon{width:108px;height:108px;margin:32px auto 23px;border-radius:29px;background:linear-gradient(145deg,#ff5776,#f32650);box-shadow:0 18px 65px #f326502b,inset 0 1px 1px #ffffff70;display:grid;place-items:center;transform:rotate(-5deg)}.app-icon svg{width:73px;height:73px;transform:rotate(5deg);color:white}h1{font-size:19px;margin:0 0 22px;font-weight:600;letter-spacing:3px}.headline{font-size:clamp(30px,4.4vw,56px);line-height:1.35;letter-spacing:-1.5px;font-weight:750;margin:0 0 20px}.headline span{color:#ff6f8a}.intro{font-size:16px;line-height:1.9;color:#b5acb8;margin:0}.download-area{max-width:360px;margin:34px auto 0}button{border:1px solid #ff6d88;background:#ff365d;color:white;width:100%;min-height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:18px;font-weight:650;font-family:inherit;cursor:pointer;box-shadow:0 8px 32px #ff365d24;transition:background .2s,transform .2s}button:hover{background:#ff4e71;transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}button svg{width:23px;height:23px;flex-shrink:0}.compatibility{color:#9e929f;font-size:13px;margin:15px 0 0;line-height:1.6}.message{color:#ffd5df;background:#ff365d10;border:1px solid #ff365d40;border-radius:12px;padding:14px;font-size:14px;line-height:1.7;margin:18px 0 0}.message[hidden]{display:none}.divider{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:44px;color:#948893;font-size:12px;letter-spacing:1px}.divider span:first-child,.divider span:last-child{width:40px;height:1px;background:#ffffff15}.genres{display:flex;justify-content:center;gap:28px;color:#c3b7c3;font-size:14px;margin-top:19px}.genres span+span{position:relative}.genres span+span:before{content:"/";position:absolute;left:-17px;color:#56434f}footer{min-height:75px;border-top:1px solid #ffffff0e;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#8d828f}@media(max-width:600px){.page{padding:0 24px}header{height:78px}.brand{font-size:17px}.edition{font-size:12px;letter-spacing:1px}main{padding:38px 0 40px}.app-icon{margin-top:28px;width:96px;height:96px;border-radius:26px}h1{margin-bottom:22px}.headline{font-size:32px;letter-spacing:-1px}.intro{font-size:16px}.download-area{margin-top:30px}.divider{margin-top:36px;gap:12px}.divider span:first-child,.divider span:last-child{width:22px}footer{min-height:70px}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(max-width:360px){.page{padding:0 18px}.headline{font-size:28px}.edition{letter-spacing:0}.genres{gap:24px}}
