*{box-sizing:border-box}html{min-height:100%;background:#35168e}body{margin:0;color:white;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 98% 80% at 50% -20%,#6a00f0 0%,#5106b3 46%,#352080 100%);min-height:100svh} .page{position:relative;z-index:1;width:min(100%,500px);min-height:100svh;margin:auto;padding:16px 14px 38px;display:flex;flex-direction:column;align-items:center;text-align:center}.location{min-height:40px;display:flex;gap:9px;align-items:center;justify-content:center;padding:9px 19px;background:linear-gradient(110deg,#8e00ee,#9800f7);border-radius:50px;font-size:16px;font-weight:650;max-width:95%;white-space:nowrap}.location svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.identity{margin-top:64px;display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-border{position:relative;width:140px;height:140px;padding:5px;border-radius:50%;background:linear-gradient(140deg,#ffdce9,#fb82b7,#ffd3ec);box-shadow:0 0 0 2px #ffffff50}.avatar-border img{width:100%;height:100%;object-fit:cover;display:block;border:4px solid #f7f0ff;border-radius:50%}.online{position:absolute;right:2px;bottom:5px;width:29px;height:29px;background:#34d981;border:3px solid #fff;border-radius:50%;box-shadow:0 0 9px #2fffa8}.identity h1{margin:0;display:flex;align-items:center;justify-content:center;gap:7px;line-height:1.1;font-size:30px;font-weight:750;letter-spacing:-.8px}.check{width:27px;height:27px;flex-shrink:0}.hero-wrap{margin-top:38px;width:100%;position:relative;padding:0;border-radius:25px}
.hero{width:100%;height:auto;aspect-ratio:1.78;max-height:255px;position:relative;display:block;border:2px solid rgba(248,137,232,.78);border-radius:21px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 0 0 1px rgba(232,95,209,.42),0 0 14px rgba(240,100,208,.24),0 0 28px rgba(251,101,225,.14);background:#2e155e;z-index:1}
.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:relative;z-index:0}.hero:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#10032279);pointer-events:none;z-index:1;border-radius:0 0 19px 19px}
.hero-label{z-index:1;position:absolute;left:0;right:0;bottom:10px;font-size:clamp(12px,3.3vw,16px);font-weight:750;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 3px rgba(255,255,255,.75);white-space:nowrap;animation:labelPulse 1.55s ease-in-out infinite;transform-origin:center center}.offer{margin-top:47px;display:flex;flex-direction:column;align-items:center;gap:18px}.off{color:#e8a6ed;font-size:14px;font-weight:600}.timer{display:flex;align-items:center;justify-content:center;gap:16px}.timer>div{display:flex;flex-direction:column;min-width:48px}.timer strong{font-size:27px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}.timer small{font-size:11px;color:#e7d9fa;margin-top:6px}.colon{font-size:23px;opacity:.9;align-self:flex-start;line-height:1}.hearts{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.hearts span{position:absolute;bottom:-35px;font-size:24px;color:#f263bf;opacity:0;text-shadow:0 0 10px #e750c056;animation:rise 15s linear infinite}.hearts span:nth-child(1){left:12%;animation-delay:-4s}.hearts span:nth-child(2){left:86%;animation-delay:-11s;font-size:18px}.hearts span:nth-child(3){left:22%;animation-delay:-8s;font-size:17px}.hearts span:nth-child(4){left:79%;animation-delay:-2s}.hearts span:nth-child(5){left:49%;animation-delay:-13s;font-size:16px}.hearts span:nth-child(6){left:8%;animation-delay:-1s;font-size:19px}@keyframes rise{0%{opacity:0;transform:translateY(0) rotate(-12deg)}12%{opacity:.18}70%{opacity:.13}100%{opacity:0;transform:translateY(-105svh) rotate(12deg)}}@keyframes labelPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:1}}@media(max-height:740px){.identity{margin-top:33px}.avatar-border{width:112px;height:112px}.identity h1{font-size:27px}.hero{margin-top:24px}.offer{margin-top:26px;gap:12px}.page{padding-bottom:20px}}@media(max-height:620px){.identity{margin-top:15px;gap:9px}.avatar-border{width:90px;height:90px}.hero{margin-top:14px}.offer{margin-top:15px;gap:9px}.timer strong{font-size:23px}}@media(prefers-reduced-motion:reduce){.hearts span,.hero-label{animation:none}}