body{margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{height:100vh;height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/1.jpg);background-size:cover;background-position:center;z-index:0}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;z-index:0}.card{position:relative;z-index:1;width:90%;max-width:420px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.25);padding:2.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.pfp-wrapper{position:relative;margin-bottom:1rem}.pfp{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid #38bdf8;box-shadow:0 4px 15px #38bdf84d}.pfp-badge{position:absolute;top:-2px;right:-6px;font-size:1.2rem}.name{font-size:1.7rem;font-weight:700;color:#1a1a2e;margin-bottom:.15rem;line-height:1.2}.handle{font-size:.85rem;color:#323246b3;margin-bottom:1rem}.pills{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-bottom:1.2rem}.pill{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff59;border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:.35rem .9rem;font-size:.75rem;color:#2d2d3a;font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pill-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.pill-icon{font-size:.8rem;flex-shrink:0}.bio{font-size:.88rem;color:#1a1a2e;font-weight:500;line-height:1.45;margin-bottom:1.5rem;padding:0 .5rem}.cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.95rem 1.2rem;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.03em;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 18px #f9731659}.cta-btn:hover{transform:scale(1.02);box-shadow:0 6px 24px #f9731680}.cta-icon{font-size:1rem}.timer-box{width:100%;margin-top:.8rem;background:#fff6;border:1px solid rgba(255,255,255,.45);border-radius:16px;padding:1.1rem 1rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.timer-label{font-size:.7rem;font-weight:700;color:#4a3728;letter-spacing:.04em;margin-bottom:.2rem}.timer-value{font-size:2.8rem;font-weight:700;color:#7c2d12;line-height:1.1}@media(max-width:640px){.app-container{height:100vh;height:100dvh;padding:0}.card{width:92%;max-height:calc(100dvh - 2rem);max-height:calc(100vh - 2rem);padding:1.5rem 1.2rem 1.2rem;overflow:hidden}.pfp{width:75px;height:75px}.name{font-size:1.45rem}.handle{font-size:.8rem;margin-bottom:.7rem}.pills{gap:.3rem;margin-bottom:.7rem}.pill{padding:.3rem .75rem;font-size:.7rem}.bio{font-size:.82rem;margin-bottom:.9rem}.cta-btn{padding:.85rem 1rem;font-size:.8rem}.timer-box{padding:.7rem .8rem;margin-top:.6rem}.timer-label{font-size:.65rem}.timer-value{font-size:2.2rem}}@media(max-height:700px){.card{padding:1rem 1rem .8rem}.pfp-wrapper{margin-bottom:.4rem}.pfp{width:60px;height:60px}.name{font-size:1.3rem}.handle{margin-bottom:.5rem}.pills{gap:.25rem;margin-bottom:.5rem}.bio{font-size:.78rem;margin-bottom:.7rem}.cta-btn{padding:.7rem .8rem;font-size:.75rem}.timer-box{padding:.5rem .6rem;margin-top:.5rem}.timer-value{font-size:1.8rem}}