*,:before,:after{box-sizing:border-box}body{margin:0}:root{--bg:#08061a;--purple-deep:#13102e;--purple-mid:#7c3aed;--purple-light:#a78bfa;--purple-glow:#8b5cf6;--accent:#c4b5fd;--text:#e2e8f0;--text-muted:#94a3b8;--radius:18px;--radius-sm:12px;--shadow:0 8px 32px #7c3aed4d;--shadow-sm:0 2px 16px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes pulse-ring{0%{box-shadow:0 0 #8b5cf680}70%{box-shadow:0 0 0 14px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page{background:radial-gradient(ellipse 100% 50% at 50% -10%, #5b21b640 0%, transparent 65%), radial-gradient(ellipse 60% 40% at 80% 80%, #4c1d9520 0%, transparent 60%), var(--bg);justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.card{flex-direction:column;gap:20px;width:100%;max-width:390px;min-height:100vh;padding:28px 20px 48px;animation:.6s both fade-up;display:flex}.avatar-section{flex-direction:column;align-items:center;gap:16px;padding-top:8px;display:flex}.avatar-circle{background:linear-gradient(135deg, var(--purple-mid), var(--purple-light));width:110px;height:110px;box-shadow:0 0 0 3px var(--bg), 0 0 0 5px #8b5cf699, 0 0 40px #8b5cf659;border-radius:50%;justify-content:center;align-items:center;animation:4s ease-in-out infinite float;display:flex;position:relative}.avatar-circle:after{content:"";z-index:-1;opacity:.5;background:conic-gradient(#7c3aed,#c4b5fd,#7c3aed);border-radius:50%;animation:3s linear infinite shimmer;position:absolute;inset:-4px}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tagline{text-align:center;background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;line-height:1.25}.cta-section{flex-direction:column;gap:12px;display:flex}.btn{border-radius:var(--radius);text-align:center;cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:18px 24px;font-size:1rem;font-weight:700;line-height:1.3;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%) 0 0/200% 100%;transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1;animation:1.2s linear infinite shimmer}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;letter-spacing:.6px;background:linear-gradient(135deg,#6d28d9 0%,#8b5cf6 50%,#a78bfa 100%);font-size:1.05rem;animation:2.5s ease-out infinite pulse-ring;box-shadow:0 4px 24px #6d28d980,0 0 0 1px #a78bfa33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px #6d28d9a6,0 0 0 1px #a78bfa4d}.btn-sub{opacity:.8;letter-spacing:0;font-size:.75rem;font-weight:400}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--accent);letter-spacing:.3px;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0d;background:#1e1640cc;border:1px solid #8b5cf640;flex-direction:row;gap:8px;font-size:.95rem;font-weight:600}.btn-secondary:hover{background:#261d55e6;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 8px 24px #0006,inset 0 1px #ffffff14}.ig-icon{flex-shrink:0;width:20px;height:20px}.benefits-section{flex-direction:column;gap:12px;display:flex}.benefits-title{color:var(--purple-light);text-align:center;letter-spacing:2.5px;text-transform:uppercase;opacity:.8;font-size:.7rem;font-weight:700}.benefits-grid{flex-direction:column;gap:8px;display:flex}.benefit-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0a;background:#13102eb3;border:1px solid #8b5cf626;grid-template-columns:40px 1fr;column-gap:14px;padding:16px 18px;transition:border-color .2s,transform .2s;display:grid}.benefit-card:hover{border-color:#8b5cf659;transform:translateY(-2px)}.benefit-icon{background:#8b5cf61f;border-radius:10px;justify-content:center;align-self:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.benefit-text{flex-direction:column;gap:3px;display:flex}.benefit-name{color:#fff;font-size:.88rem;font-weight:700}.benefit-desc{color:var(--text-muted);font-size:.8rem;line-height:1.5}.final-cta-section{flex-direction:column;align-items:center;gap:14px;padding:6px 0 2px;display:flex}.final-cta-text{color:var(--text-muted);text-align:center;font-size:.88rem}.btn-final{letter-spacing:.8px;font-size:1rem}.footer{text-align:center;padding:8px 0 4px}.footer p{color:#94a3b84d;font-size:.7rem}@media (width>=640px){.card{gap:26px}.avatar-circle{width:120px;height:120px}.tagline{font-size:1.6rem}.btn{font-size:1.1rem}.benefits-grid{flex-direction:row;gap:10px}.benefit-card{grid-template-rows:auto auto;grid-template-columns:1fr;align-items:start}.benefit-icon{margin-bottom:10px}}