.container{width:100%;max-width:420px;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.container.visible{opacity:1;transform:translateY(0)}.particles{position:fixed;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;bottom:-10px;width:6px;height:6px;background:#ff69b480;border-radius:50%;animation:floatUp 6s ease-out infinite}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}10%{opacity:1}80%{opacity:.8}to{transform:translateY(-100vh) scale(1);opacity:0}}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 24px;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;z-index:1;width:100%}.profile-wrapper{position:relative;width:160px;height:160px;margin:0 auto 24px}.profile-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,rgba(255,105,180,.4) 0%,transparent 70%);border-radius:50%;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.profile-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c44569,#ff6b9d);animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-image{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;border:4px solid #1a1a2e}.online-indicator{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#00d26a;border:4px solid #1a1a2e;border-radius:50%;animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{box-shadow:0 0 #00d26ab3}50%{box-shadow:0 0 0 8px #00d26a00}}.name{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#fff,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#00d26a26;border-radius:20px;font-size:14px;color:#00d26a;margin-bottom:24px}.status-dot{width:8px;height:8px;background:#00d26a;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.description{font-size:16px;line-height:1.7;color:#ffffffe6;margin-bottom:28px}.description strong{color:#ff6b9d}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 32px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#08c,#00c6ff);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #08c6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #08c9}.cta-button:active{transform:translateY(0)}.cta-button.pulse{animation:button-pulse 1s ease}@keyframes button-pulse{0%{transform:scale(1);box-shadow:0 4px 20px #08c6}50%{transform:scale(1.02);box-shadow:0 6px 30px #08cc}to{transform:scale(1);box-shadow:0 4px 20px #08c6}}.telegram-icon{display:flex;align-items:center;justify-content:center}.urgency{margin-top:16px;font-size:14px;color:#ffffffb3;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.footer{margin-top:24px;font-size:12px;color:#fff6;z-index:1}@media (max-width: 380px){.container{padding:16px}.card{padding:32px 20px}.profile-wrapper{width:140px;height:140px}.profile-glow{width:160px;height:160px}.name{font-size:28px}.description{font-size:15px}.cta-button{padding:16px 24px;font-size:16px}}@media (min-width: 768px){.container{padding:40px}.card{padding:48px 40px}.profile-wrapper{width:180px;height:180px}.profile-glow{width:200px;height:200px}.name{font-size:36px}.description{font-size:17px}}.complete-container{width:100%;max-width:420px;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:fall 4s ease-out infinite}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.complete-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 24px;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;z-index:1;width:100%}.check-circle{width:80px;height:80px;background:linear-gradient(135deg,#00d26a,#00a854);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn .5s ease .2s both,pulse-check 2s ease-in-out infinite .7s;box-shadow:0 4px 20px #00d26a66}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse-check{0%,to{box-shadow:0 4px 20px #00d26a66}50%{box-shadow:0 4px 30px #00d26ab3}}.check-circle svg{width:40px;height:40px;color:#fff;animation:drawCheck .5s ease .5s both}@keyframes drawCheck{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dashoffset:0}}.complete-title{font-size:28px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#fff,#00d26a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.complete-subtitle{font-size:18px;color:#ffffffe6;margin-bottom:24px}.redirect-text{font-size:14px;color:#ffffffb3;line-height:1.6;margin-bottom:20px}.countdown{margin-bottom:24px}.countdown-number{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;font-size:36px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:16px;box-shadow:0 4px 20px #ff6b9d66;animation:pulse-countdown 1s ease-in-out infinite}@keyframes pulse-countdown{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.complete-footer{font-size:12px;color:#ffffff80;letter-spacing:1px}@media (max-width: 380px){.complete-container{padding:16px}.complete-card{padding:32px 20px}.check-circle{width:70px;height:70px}.check-circle svg{width:35px;height:35px}.complete-title{font-size:24px}.countdown-number{width:60px;height:60px;font-size:30px}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#2d1f3d,#1a1a2e,#2a1f35 60%,#1f1a2e);min-height:100vh;color:#fff;overflow-x:hidden}body{display:flex;justify-content:center;align-items:center}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}