.invite-page{width:100%;max-width:960px;margin:0 auto;padding:0 28px 80px;overflow-x:hidden}.invite-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.invite-spinner{border:2px solid #ffffff0f;border-top-color:var(--color-accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.invite-hero{text-align:center;padding:80px 0 60px;position:relative}.invite-hero-glow{pointer-events:none;z-index:0;filter:blur(40px);background:radial-gradient(#00e67614 0%,#00e67608 40%,#0000 70%);width:500px;height:400px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.invite-badge{font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--color-accent);background:var(--color-accent-dim);letter-spacing:.02em;z-index:1;border:1px solid #00e67626;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;display:inline-flex;position:relative}.invite-badge-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;animation:2s ease-in-out infinite invite-pulse}@keyframes invite-pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--color-accent)}50%{opacity:.5;box-shadow:0 0 16px var(--color-accent)}}.invite-hero-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.03em;z-index:1;margin:0 0 18px;font-size:42px;font-weight:800;line-height:1.15;position:relative}.invite-hero-name{color:var(--color-accent);position:relative}.invite-hero-name:after{content:"";background:var(--color-accent);opacity:.4;border-radius:2px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.invite-hero-subtitle{color:var(--color-text-secondary);z-index:1;max-width:500px;margin:0 auto;font-size:17px;line-height:1.6;position:relative}.invite-features{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:56px;display:grid}.invite-feature-card{background:var(--color-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:28px 24px;transition:all .3s cubic-bezier(.16,1,.3,1)}.invite-feature-card:hover{border-color:var(--color-border-default);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.invite-feature-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.invite-feature-icon--green{background:var(--color-accent-dim);color:var(--color-accent)}.invite-feature-icon--blue{background:var(--color-info-dim);color:var(--color-info)}.invite-feature-icon--purple{background:var(--color-purple-dim);color:var(--color-purple)}.invite-feature-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:16px;font-weight:700}.invite-feature-desc{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.invite-plans{margin-bottom:56px}.invite-plans-title{font-family:var(--font-display);color:var(--color-text-primary);text-align:center;letter-spacing:-.02em;margin:0 0 28px;font-size:24px;font-weight:700}.invite-plans .pricing-grid{max-width:100%}.invite-plans .billing-toggle{margin-bottom:32px}.invite-cta{text-align:center;margin-bottom:48px}.invite-cta-btn{font-size:16px;font-weight:700;font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;border:none;align-items:center;gap:10px;padding:16px 40px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 24px #00e67640;color:#000!important;background:#00e676!important}.invite-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00e67659;background:#00c866!important}.invite-cta-btn:active{transform:translateY(0)}.invite-cta-sub{color:var(--color-text-tertiary);margin:16px 0 0;font-size:13px}.invite-trust{border-top:1px solid var(--color-border-subtle);justify-content:center;gap:32px;padding:24px 0;display:flex}.invite-trust-item{color:var(--color-text-tertiary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}@media (max-width:900px){.invite-features{grid-template-columns:1fr;gap:12px}.invite-hero-title{font-size:34px}}@media (max-width:600px){.invite-page{padding:0 16px 60px}.invite-hero{padding:50px 0 40px}.invite-hero-title{font-size:28px}.invite-hero-subtitle{font-size:15px}.invite-trust{flex-direction:column;align-items:center;gap:14px}.invite-cta-btn{justify-content:center;width:100%;padding:16px 24px}}@media (max-width:480px){.invite-hero-title{font-size:24px}.invite-plans-title{font-size:20px}}
