*{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{margin-top:38px;width:100%;height:auto;aspect-ratio:1.78;max-height:255px;position:relative;display:block;border:2px solid rgba(248,137,232,.72);border-radius:21px;overflow:visible;text-decoration:none;color:#fff;box-shadow:0 0 0 1px rgba(232,95,209,.42),0 0 12px rgba(240,100,208,.22),0 0 26px rgba(251,101,225,.12);isolation:isolate}.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:relative;z-index:0;border-radius:19px}.hero:before{content:"";position:absolute;inset:-7px;border-radius:28px;padding:5px;background:conic-gradient(from 0deg, rgba(255,130,236,0) 0deg, rgba(255,130,236,0) 22deg, rgba(255,250,255,.98) 34deg, rgba(255,161,240,1) 42deg, rgba(255,66,213,1) 50deg, rgba(255,161,240,1) 58deg, rgba(255,250,255,.98) 66deg, rgba(255,130,236,0) 78deg, rgba(255,130,236,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 8px rgba(255,79,218,.95)) drop-shadow(0 0 16px rgba(255,79,218,.58));animation:borderSweep 2.1s linear infinite;pointer-events:none;z-index:3}.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:12px;font-size:clamp(19px,5.1vw,26px);font-weight:750;text-shadow:0 2px 8px #160c23c7;white-space:nowrap}.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 borderSweep{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@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:before{animation:none}}