:root{--text-primary:#ececec;--text-secondary:#9b9b9b;--text-muted:rgba(255, 255, 255, 0.4);--accent:rgba(130, 177, 255, 0.8);--accent-glow:rgba(130, 177, 255, 0.15);--success:#4ade80;--success-glow:rgba(74, 222, 128, 0.15);--error:#f87171;--error-glow:rgba(248, 113, 113, 0.15)}body,html{height:100%;overflow:hidden;background:#0d0d0d;font-family:"Libre Franklin",-apple-system,system-ui,sans-serif}.page-container{height:100vh;display:flex;flex-direction:column;position:relative}.invite-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;z-index:1}.particles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:rgba(130,177,255,.3);border-radius:50%;animation:float 20s infinite ease-in-out}.particle:first-child{left:10%;top:20%;animation-delay:0s;animation-duration:25s}.particle:nth-child(2){left:20%;top:80%;animation-delay:2s;animation-duration:20s}.particle:nth-child(3){left:30%;top:40%;animation-delay:4s;animation-duration:22s}.particle:nth-child(4){left:40%;top:60%;animation-delay:1s;animation-duration:18s}.particle:nth-child(5){left:50%;top:30%;animation-delay:3s;animation-duration:24s}.particle:nth-child(6){left:60%;top:70%;animation-delay:5s;animation-duration:19s}.particle:nth-child(7){left:70%;top:50%;animation-delay:2s;animation-duration:21s}.particle:nth-child(8){left:80%;top:25%;animation-delay:4s;animation-duration:23s}.particle:nth-child(9){left:90%;top:85%;animation-delay:1s;animation-duration:26s}.particle:nth-child(10){left:15%;top:55%;animation-delay:3s;animation-duration:17s}.particle:nth-child(11){left:85%;top:45%;animation-delay:0s;animation-duration:28s}.particle:nth-child(12){left:45%;top:15%;animation-delay:2s;animation-duration:22s}@keyframes float{0%,100%{transform:translateY(0) translateX(0);opacity:.3}25%{transform:translateY(-30px) translateX(10px);opacity:.6}50%{transform:translateY(-15px) translateX(-15px);opacity:.4}75%{transform:translateY(-40px) translateX(5px);opacity:.5}}.illustration{margin-bottom:2rem;opacity:.9}.illustration svg{width:200px;height:155px;animation:gentle-float 5s ease-in-out infinite}@keyframes gentle-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}.ticket-body{fill:#2a2a2a}.ticket-stripe{fill:#3a3a3a}.ticket-accent{fill:#404040}.ticket-stub{fill:#232323}.ticket-hole{fill:#0d0d0d}.ticket-text{fill:rgba(255,255,255,0.8)}.ticket-border{stroke:rgba(255,255,255,0.1);fill:none;stroke-width:1}.sparkle{fill:rgba(255,255,255,0.7)}.invite-title{color:var(--text-primary);font-weight:300;font-size:1.75rem;margin-bottom:.5rem;letter-spacing:.02em}.invite-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2.5rem;font-weight:300;max-width:360px;line-height:1.5}.code-input-container{display:flex;gap:12px;margin-bottom:2rem}.code-input{width:52px;height:68px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;text-align:center;font-size:1.75rem;font-family:"JetBrains Mono",monospace;font-weight:500;color:var(--text-primary);text-transform:uppercase;caret-color:var(--accent);transition:all .2s ease;outline:0}.code-input:focus{border-color:var(--accent);background:rgba(130,177,255,.05);box-shadow:0 0 0 3px var(--accent-glow),0 8px 24px rgba(0,0,0,.2);transform:translateY(-2px)}.code-input:hover:not(:focus){border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}.code-input.valid{border-color:var(--success);background:var(--success-glow);box-shadow:0 0 0 3px var(--success-glow)}.code-input.invalid{border-color:var(--error);background:var(--error-glow);box-shadow:0 0 0 3px var(--error-glow);animation:shake .4s ease}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.status-message{min-height:28px;margin-bottom:1.5rem;font-size:.9rem;font-weight:400;opacity:0;transform:translateY(-8px);transition:all .3s ease}.status-message.visible{opacity:1;transform:translateY(0)}.status-message.success{color:var(--success)}.status-message.error{color:var(--error)}.status-message.loading{color:var(--text-secondary)}.status-message i{margin-right:.4rem}.btn-validate{border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-weight:400;letter-spacing:.03em;padding:.85rem 2.5rem;transition:all .25s ease;background:rgba(255,255,255,.03);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;border-radius:8px;font-size:.95rem;cursor:pointer;font-family:inherit}.btn-validate:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3)}.btn-validate:disabled{opacity:.4;cursor:not-allowed}.btn-validate i{font-size:.85rem;opacity:.8}.btn-validate.loading i{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0turn}@keyframes border-spin{to{--border-angle:1turn}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signup-card{display:none;width:100%;max-width:480px;animation:fadeIn .4s ease}.signup-card.visible{display:block}.signup-card.expanded{max-width:900px}.form-card{background:rgba(22,22,24,.95);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem}.step-header{text-align:center;margin-bottom:1.5rem}.code-badge,.step-header .code-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--success-glow);border:1px solid rgba(74,222,128,.3);color:var(--success);font-size:.8rem;font-weight:500;padding:.4rem .85rem;border-radius:4px;margin-bottom:1rem}.code-badge i,.step-header .code-badge i{font-size:.75rem}.form-hint{display:block;font-size:.75rem;color:rgba(255,255,255,.35);margin-top:.5rem;text-align:center}.signup-icon{width:72px;height:72px;margin:.5rem auto 1rem;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;padding:16px;background:rgba(255,255,255,.03)}.signup-icon img{width:38px;height:38px;filter:grayscale(100%) brightness(.7);opacity:.6}.step-header h2{color:var(--text-primary);font-weight:400;font-size:1.5rem;margin:0 0 .35rem 0}.step-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.signup-form{display:flex;flex-direction:column;gap:1rem}.form-step{display:none;flex-direction:column;gap:1rem;animation:fadeIn .3s ease}.form-step.active{display:flex}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-group label .optional{font-weight:400;color:var(--text-muted);font-size:.75rem}.form-group input,.form-group select{background:rgba(16,16,18,.95);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.75rem 1rem;font-size:.95rem;color:var(--text-primary);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:0}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group select option{background:#1a1a1c;color:var(--text-primary)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input.error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-glow)}.form-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.form-divider::after,.form-divider::before{content:'';flex:1;height:1px;background:rgba(255,255,255,.06)}.form-divider span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.optional-field{opacity:.4;transition:opacity .25s ease}.optional-field:hover{opacity:.6}.optional-field.active,.optional-field:focus-within{opacity:1}.optional-field input,.optional-field select{transition:border-color .2s ease,background .2s ease}.step2-layout{display:grid;grid-template-columns:340px 1fr;gap:2rem;align-items:stretch}.step2-left{display:flex}.step2-right{display:flex;flex-direction:column;gap:1rem}.step2-mobile-header{display:none;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.step2-mobile-header .plan-unlocked-badge{position:static;border-top-left-radius:4px}.step2-mobile-header .mobile-plan-text{font-size:.9rem;color:var(--text-secondary)}.plan-unlocked{background:linear-gradient(145deg,rgba(22,22,24,.98) 0,rgba(18,18,20,.98) 100%);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem 1.5rem 1.5rem 1.5rem;position:relative;overflow:visible;display:flex;flex-direction:column;width:100%}.plan-unlocked::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,120,0,.8),rgba(255,180,0,.8),rgba(255,120,0,.8))}.plan-unlocked-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-top:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.plan-unlocked-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#ff8c00,#ff6400);color:#fff;font-size:.65rem;font-weight:600;padding:.35rem .7rem;border-radius:4px;border-top-left-radius:0;text-transform:uppercase;letter-spacing:.06em;width:fit-content;box-shadow:0 2px 8px rgba(255,120,0,.3);position:absolute;top:-12px;left:-6px}.plan-unlocked-badge i{font-size:.6rem}.plan-unlocked-name{font-size:1.35rem;font-weight:500;color:var(--text-primary);margin:0;letter-spacing:-.01em}.plan-unlocked-subtitle{font-size:.85rem;color:var(--text-muted);margin:0}.plan-unlocked-features{display:flex;flex-direction:column;gap:.6rem}.plan-unlocked-features span{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.plan-unlocked-features span i{color:var(--success);font-size:.7rem;width:14px}.plan-unlocked-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.plan-unlocked-price{display:flex;align-items:baseline;gap:.3rem}.plan-unlocked-price .amount{font-size:1.75rem;font-weight:500;color:var(--text-primary)}.plan-unlocked-price .period{font-size:.85rem;color:var(--text-muted)}.plan-unlocked-price .original{font-size:.9rem;color:var(--text-muted);text-decoration:line-through;margin-left:.5rem}.plan-unlocked-note{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}@media (max-width:800px){.step2-layout{grid-template-columns:1fr;gap:0}.step2-left{display:none}.step2-mobile-header{display:flex}}.form-error{font-size:.8rem;color:var(--error);margin-top:.25rem;display:none}.form-error.visible{display:block}.email-exists-note{font-size:.8rem;color:var(--text-muted);text-align:center;margin:.75rem 0 0 0;min-height:1.2em;visibility:hidden;opacity:0;transition:opacity .2s ease}.email-exists-note.visible{visibility:visible;opacity:1;animation:shake .4s ease}.email-exists-note a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.email-exists-note a:hover{color:var(--text-primary)}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.btn-signup{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.9rem 1.5rem;margin-top:.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:rgba(255,255,255,.85);font-family:inherit;font-size:.95rem;font-weight:400;letter-spacing:.03em;cursor:pointer;transition:all .25s ease}.btn-signup:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3)}.btn-signup:disabled{opacity:.4;cursor:not-allowed;animation:none}.btn-signup i{font-size:.85rem;opacity:.8}.btn-signup.btn-primary{--main-bg:linear-gradient(
        to bottom,
        rgba(22, 22, 24, 1),
        rgba(22, 22, 24, 1)
    );--gradient-border:conic-gradient(
        from var(--border-angle),
        rgba(255, 120, 0, 0.5),
        rgba(255, 150, 0, 0.7) 25%,
        rgba(255, 120, 0, 0.25) 50%,
        rgba(255, 150, 0, 0.4) 75%,
        rgba(255, 120, 0, 0.5) 100%
    );border:solid 2px transparent;background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;animation:border-spin 4s linear infinite}.btn-signup.btn-primary:hover:not(:disabled){animation:border-spin 2s linear infinite;--gradient-border:conic-gradient(
        from var(--border-angle),
        rgba(255, 120, 0, 0.9),
        rgba(255, 150, 0, 1) 25%,
        rgba(255, 120, 0, 0.6) 50%,
        rgba(255, 150, 0, 0.8) 75%,
        rgba(255, 120, 0, 0.9) 100%
    );transform:translateY(-2px);box-shadow:0 4px 20px rgba(255,120,0,.2),0 0 16px rgba(255,120,0,.1)}.terms-note{font-size:.75rem;color:var(--text-muted);text-align:center;line-height:1.5;margin-top:.5rem}.terms-note a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.terms-note a:hover{color:var(--text-primary)}.account-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.success-illustration{margin-bottom:1.5rem}.success-illustration svg{width:100px;height:100px}.checkmark-circle{fill:none;stroke:var(--success);stroke-width:3;stroke-dasharray:201;stroke-dashoffset:201;animation:stroke-draw .6s ease forwards}.checkmark-check{fill:none;stroke:var(--success);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:stroke-draw .4s ease forwards .4s}@keyframes stroke-draw{to{stroke-dashoffset:0}}.account-success h2{color:var(--text-primary);font-weight:400;font-size:1.4rem;margin:0 0 .5rem 0}.account-success p{color:var(--text-secondary);font-size:.9rem;margin:0 0 .75rem 0;max-width:300px}.welcome-plan{font-size:.8rem;color:var(--text-muted);margin:0 0 1.5rem 0;display:none}.welcome-plan:not(:empty){display:block}.welcome-plan strong{color:var(--text-secondary);font-weight:500}.btn-continue{display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.75rem 2rem;color:rgba(255,255,255,.85);font-size:.95rem;font-weight:400;font-family:inherit;letter-spacing:.03em;cursor:pointer;text-decoration:none;transition:all .25s ease}.btn-continue:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);color:#fff}.btn-continue img{width:20px;height:20px;filter:grayscale(100%) brightness(.9);opacity:.8;transition:opacity .2s ease}.btn-continue:hover img{opacity:1}.input-form{display:flex;flex-direction:column;align-items:center}.input-form.hidden{display:none}.fn2-footer{margin-top:auto;text-align:center;padding:.75rem 0;color:rgba(255,255,255,.25);font-size:.75rem;font-family:"Libre Franklin",-apple-system,sans-serif;font-weight:300;letter-spacing:.01em}.fn2-footer p{margin:0}.fn2-footer .disclaimer{display:block;margin-bottom:.4rem}.fn2-footer .links{display:block}.fn2-footer a{color:rgba(255,255,255,.25);text-decoration:none;transition:color .2s ease}.fn2-footer a:hover{color:rgba(255,255,255,.5);text-decoration:none}@media (max-width:576px){.code-input-container{gap:6px}.code-input{width:44px;height:58px;font-size:1.4rem;border-radius:5px}.invite-title{font-size:1.4rem}.invite-subtitle{font-size:.9rem;padding:0 1rem}}