:root{--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-950: #020617;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #7B8FFF;--blue-500: #1990ff;--blue-600: #2563eb;--blue-700: #1d4ed8;--color-xylence-primary: #7B8FFF;--color-accent: #7B8FFF;--color-founder: #f59e0b;--color-investor: #3b82f6;--bg-primary: #0e0f13;--bg-secondary: #171820;--text-primary: #e8e8ec;--text-secondary: #a0a0b2;--text-tertiary: #a0a0b2;--text-muted: #a0a0b2;--glass-bg: #17182099;--glass-border: #ffffff1a;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-display: "DM Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--r-base: 4px;--btn-radius: var(--r-base);--input-radius: var(--r-base);--card-radius: var(--r-base);--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-caps: .1em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{font:inherit;color:inherit;background:transparent;border:none;outline:none}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.registration-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.registration-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(25,144,255,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 30% 60%,rgba(34,211,238,.04) 0%,transparent 40%);pointer-events:none}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes roundness{0%{filter:contrast(15)}20%{filter:contrast(3)}40%{filter:contrast(3)}60%{filter:contrast(15)}to{filter:contrast(15)}}@keyframes colorize{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(-30deg)}40%{filter:hue-rotate(-60deg)}60%{filter:hue-rotate(-90deg)}80%{filter:hue-rotate(-45deg)}to{filter:hue-rotate(0deg)}}.conversation-area{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);max-width:500px;width:90%;padding:var(--space-8)}.xylence-message{text-align:center;min-height:100px}.message-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-wide);line-height:1.5;color:var(--text-secondary)}.message-text span.highlight{color:var(--color-accent);font-weight:var(--font-medium)}.message-text span.name-highlight{color:var(--color-xylence-primary);font-weight:var(--font-medium)}.message-text span.founder-highlight{color:var(--color-founder);font-weight:var(--font-medium)}.message-text span.analyst-highlight{color:var(--color-investor);font-weight:var(--font-medium)}.typing-cursor{display:inline-block;width:2px;height:1.2em;background:var(--color-accent);margin-left:2px;vertical-align:text-bottom;animation:blink .8s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-area{width:100%;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.input-area.visible{opacity:1;transform:translateY(0)}.input-wrapper{position:relative;width:100%}.text-input{width:100%;padding:var(--space-4) var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-normal);letter-spacing:var(--tracking-wide);color:var(--text-primary);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--input-radius);outline:none;transition:all .3s ease;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{border-color:var(--color-xylence-primary);background:#1990ff0d;box-shadow:0 0 0 3px #1990ff1a}.input-hint{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center;opacity:.7}.role-selector{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.role-selector.visible{opacity:1;transform:translateY(0)}.role-smoke-sphere{--color-one: #4fc3dc;--color-two: #1990ff;--color-three: #4fc3dc80;--color-four: #1990ff80;--color-five: #4fc3dc40;--time-animation: 2s;position:relative;border-radius:50%;box-shadow:0 0 25px 0 var(--color-three),0 20px 50px 0 var(--color-four);animation:sphereFloat 3s ease-in-out infinite,colorizeRole calc(var(--time-animation) * 3) ease-in-out infinite;transition:all .5s ease}@keyframes sphereFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.role-smoke-sphere.founder-hover{--color-one: #fbbf24;--color-two: #f59e0b;--color-three: #fbbf2480;--color-four: #f59e0b80;--color-five: #fbbf2440;animation:sphereFloat 3s ease-in-out infinite;box-shadow:0 0 40px 0 var(--color-three),0 20px 60px 0 var(--color-four)}.role-smoke-sphere.analyst-hover{--color-one: #c084fc;--color-two: #a855f7;--color-three: #c084fc80;--color-four: #a855f780;--color-five: #c084fc40;animation:sphereFloat 3s ease-in-out infinite;box-shadow:0 0 40px 0 var(--color-three),0 20px 60px 0 var(--color-four)}@keyframes colorizeRole{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(-30deg)}40%{filter:hue-rotate(-60deg)}60%{filter:hue-rotate(-90deg)}80%{filter:hue-rotate(-45deg)}to{filter:hue-rotate(0deg)}}.role-smoke-sphere:before{content:"";position:absolute;top:0;left:0;width:80px;height:80px;border-radius:50%;border-top:solid 1px var(--color-one);border-bottom:solid 1px var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));box-shadow:inset 0 8px 8px 0 var(--color-three),inset 0 -8px 8px 0 var(--color-four)}.role-smoke-sphere .smoke-box{width:80px;height:80px;background:linear-gradient(180deg,var(--color-one) 30%,var(--color-two) 70%);mask:url(#smoke-mask-role);-webkit-mask:url(#smoke-mask-role)}.role-smoke-sphere svg{position:absolute}.role-smoke-sphere svg #smoke-mask-role{filter:contrast(15);animation:roundness calc(var(--time-animation) / 2) linear infinite}.role-smoke-sphere svg #smoke-mask-role polygon{filter:blur(5px)}.role-smoke-sphere svg #smoke-mask-role polygon:nth-child(1){transform-origin:75% 25%;transform:rotate(90deg)}.role-smoke-sphere svg #smoke-mask-role polygon:nth-child(2){transform-origin:50% 50%;animation:rotation var(--time-animation) linear infinite reverse}.role-smoke-sphere svg #smoke-mask-role polygon:nth-child(3){transform-origin:50% 60%;animation:rotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -3)}.role-smoke-sphere svg #smoke-mask-role polygon:nth-child(4){transform-origin:40% 40%;animation:rotation var(--time-animation) linear infinite reverse}.role-smoke-sphere svg #smoke-mask-role polygon:nth-child(5){transform-origin:40% 40%;animation:rotation var(--time-animation) linear infinite reverse;animation-delay:calc(var(--time-animation) / -2)}.role-smoke-sphere svg #smoke-mask-role polygon:nth-child(6){transform-origin:60% 40%;animation:rotation var(--time-animation) linear infinite}.role-smoke-sphere svg #smoke-mask-role polygon:nth-child(7){transform-origin:60% 40%;animation:rotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -1.5)}.role-buttons{display:flex;gap:var(--space-8)}.role-btn{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:#ffffff0d;border:1px solid var(--glass-border);cursor:pointer;padding:var(--space-3) var(--space-6);border-radius:var(--btn-radius);transition:all .3s ease;position:relative;backdrop-filter:blur(10px)}.role-btn:hover{background:#ffffff1a;border-color:var(--text-muted)}.role-btn:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:currentColor;transition:all .3s ease;transform:translate(-50%)}.role-btn:hover:after,.role-btn.active:after{width:60%}.role-btn.founder:hover,.role-btn.founder.active{color:var(--color-founder);border-color:var(--color-founder);background:#f59e0b1a}.role-btn.analyst:hover,.role-btn.analyst.active{color:var(--color-investor);border-color:var(--color-investor);background:#a855f71a}.back-button{position:absolute;top:var(--space-8);left:var(--space-8);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--input-radius);cursor:pointer;transition:all .3s ease;opacity:0;pointer-events:none;z-index:20}.back-button.visible{opacity:1;pointer-events:auto}.back-button:hover{color:var(--text-secondary);background:var(--glass-bg);border-color:var(--glass-border)}.back-button svg{width:16px;height:16px}.step-indicators{position:absolute;bottom:var(--space-10);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2)}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--glass-border);transition:all .3s ease;cursor:pointer}.step-dot:hover{background:var(--text-muted)}.step-dot.active{background:var(--color-xylence-primary);box-shadow:0 0 10px var(--color-xylence-primary)}.step-dot.completed{background:var(--color-accent)}.success-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.success-sphere-container{opacity:0;transform:scale(.5);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.success-sphere-container.visible{opacity:1;transform:scale(1)}.success-sphere{--color-one: #4fc3dc;--color-two: #1990ff;--color-three: #4fc3dc80;--color-four: #1990ff80;--color-five: #4fc3dc40;--time-animation: 2s;width:120px;height:120px;border-radius:50%;position:relative;box-shadow:0 0 40px 0 var(--color-three),0 20px 60px 0 var(--color-four);animation:colorize calc(var(--time-animation) * 3) ease-in-out infinite,successFloat 3s ease-in-out infinite}@keyframes successFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-sphere:before{content:"";position:absolute;top:0;left:0;width:120px;height:120px;border-radius:50%;border-top:solid 1px var(--color-one);border-bottom:solid 1px var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));box-shadow:inset 0 12px 12px 0 var(--color-three),inset 0 -12px 12px 0 var(--color-four);animation:rotation 4s linear infinite}.success-sphere .sphere-box{width:120px;height:120px;background:linear-gradient(180deg,var(--color-one) 30%,var(--color-two) 70%);mask:url(#clipping-success);-webkit-mask:url(#clipping-success)}.success-sphere svg{position:absolute}.success-sphere svg #clipping-success{filter:contrast(15);animation:roundness 1s linear infinite}.success-sphere svg #clipping-success polygon{filter:blur(8px)}.success-sphere svg #clipping-success polygon:nth-child(2){transform-origin:50% 50%;animation:rotation 2s linear infinite reverse}.success-sphere svg #clipping-success polygon:nth-child(3){transform-origin:50% 60%;animation:rotation 2s linear infinite}.success-sphere svg #clipping-success polygon:nth-child(4),.success-sphere svg #clipping-success polygon:nth-child(5){transform-origin:40% 40%;animation:rotation 2s linear infinite reverse}.success-sphere svg #clipping-success polygon:nth-child(6),.success-sphere svg #clipping-success polygon:nth-child(7){transform-origin:60% 40%;animation:rotation 2s linear infinite}.success-sphere.loading-pulse{animation:colorize calc(var(--time-animation) * 3) ease-in-out infinite,loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{transform:scale(1);box-shadow:0 0 40px 0 var(--color-three),0 20px 60px 0 var(--color-four)}50%{transform:scale(1.05);box-shadow:0 0 60px 0 var(--color-three),0 20px 80px 0 var(--color-four)}}.loading-dots{display:inline-block;animation:loadingDots 1.5s ease-in-out infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.success-sphere.error-sphere{--color-one: #f87171;--color-two: #dc2626;--color-three: #f8717180;--color-four: #dc262680;--color-five: #f8717140;animation:colorize calc(var(--time-animation) * 3) ease-in-out infinite,errorShake .5s ease-in-out}.success-sphere.error-sphere .sphere-box{background:linear-gradient(180deg,#f87171 30%,#dc2626 70%)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-state .success-message .message-text{color:var(--text-secondary)}.error-highlight{color:#f87171;font-weight:var(--font-medium)}.email-highlight{color:var(--blue-400);font-weight:var(--font-medium)}.success-message{text-align:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease .3s,transform .6s ease .3s}.success-message.visible{opacity:1;transform:translateY(0)}.success-message .message-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-wide);line-height:1.5;color:var(--text-secondary)}.success-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);opacity:0;transform:translateY(20px);transition:opacity .6s ease .6s,transform .6s ease .6s}.success-cta.visible{opacity:1;transform:translateY(0)}.cta-btn{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-3) var(--space-8);border-radius:var(--input-radius);text-decoration:none;transition:all .3s ease;cursor:pointer;min-width:200px;text-align:center;border:none}.cta-btn.primary{background:var(--color-accent-primary);color:var(--neutral-0);box-shadow:0 0 20px var(--glow-cyan)}.cta-btn.primary:hover{background:var(--color-accent-primary-hover);transform:translateY(-2px);box-shadow:0 0 30px var(--glow-cyan-strong)}.cta-btn.secondary{background:transparent;color:var(--text-muted);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.cta-btn.secondary:hover{color:var(--text-secondary)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.shake{animation:shake .5s ease}@media(max-width:768px){.conversation-area{padding:var(--space-6);gap:var(--space-6)}.xylence-message{min-height:80px}.message-text{font-size:var(--text-xl)}.text-input{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.role-buttons{gap:var(--space-4)}.role-btn{font-size:var(--text-base);padding:var(--space-2) var(--space-4)}.role-smoke-sphere:before,.role-smoke-sphere .smoke-box{width:70px;height:70px}.back-button{top:var(--space-4);left:var(--space-4)}.step-indicators{bottom:var(--space-6)}.success-sphere{width:100px;height:100px}.success-sphere:before,.success-sphere .sphere-box{width:100px;height:100px}.success-message .message-text{font-size:var(--text-xl)}.cta-btn{min-width:180px;padding:var(--space-3) var(--space-6)}}@media(max-width:480px){.conversation-area{width:95%;padding:var(--space-4);gap:var(--space-5)}.xylence-message{min-height:70px}.message-text{font-size:var(--text-lg);line-height:1.4}.text-input{font-size:var(--text-base);padding:var(--space-3);border-radius:var(--input-radius)}.input-hint{font-size:var(--text-xs)}.role-selector{gap:var(--space-6)}.role-buttons{flex-direction:row;gap:var(--space-3)}.role-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--btn-radius)}.role-smoke-sphere:before,.role-smoke-sphere .smoke-box{width:60px;height:60px}.back-button{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.back-button svg{width:14px;height:14px}.step-indicators{bottom:var(--space-4);gap:var(--space-1)}.step-dot{width:6px;height:6px}.success-sphere{width:80px;height:80px}.success-sphere:before,.success-sphere .sphere-box{width:80px;height:80px}.success-message .message-text{font-size:var(--text-lg)}.success-cta{width:100%}.cta-btn{width:100%;min-width:auto;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media(max-width:360px){.message-text{font-size:var(--text-base)}.role-btn{font-size:var(--text-xs);padding:var(--space-2)}.role-smoke-sphere:before,.role-smoke-sphere .smoke-box{width:50px;height:50px}}@media(max-height:500px)and (orientation:landscape){.conversation-area{gap:var(--space-4);padding:var(--space-3)}.xylence-message{min-height:auto}.message-text{font-size:var(--text-base)}.role-selector{flex-direction:row;gap:var(--space-6)}.role-smoke-sphere:before,.role-smoke-sphere .smoke-box{width:50px;height:50px}.step-indicators{bottom:var(--space-2)}.success-sphere{width:60px;height:60px}.success-sphere:before,.success-sphere .sphere-box{width:60px;height:60px}.success-cta{flex-direction:row}}@media(pointer:coarse){.text-input{min-height:48px}.role-btn{min-height:44px;min-width:44px}.back-button{min-height:44px}.step-dot{width:12px;height:12px}.cta-btn{min-height:48px}}