:root{--ob-bg-primary:#050509;--ob-bg-card:rgba(15,15,25,0.7);--ob-bg-glass:rgba(255,255,255,0.03);--ob-bg-glass-hover:rgba(255,255,255,0.08);--ob-purple:#c000ff;--ob-purple-secondary:#8b00ff;--ob-purple-glow:rgba(192,0,255,0.4);--ob-purple-light:rgba(192,0,255,0.15);--ob-cyan:#00d4ff;--ob-cyan-glow:rgba(0,212,255,0.3);--ob-text:#ffffff;--ob-text-2:rgba(255,255,255,0.7);--ob-text-3:rgba(255,255,255,0.5);--ob-border:rgba(255,255,255,0.08);--ob-border-strong:rgba(255,255,255,0.15);--ob-gradient:linear-gradient(135deg,#c000ff,#8b00ff)}.ob-container{min-height:100vh;width:100%;background:var(--ob-bg-primary);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ob-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.ob-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(192,0,255,.25) 0,transparent 70%);top:-200px;right:-100px;animation:ob-float 20s ease-in-out infinite}.ob-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.15) 0,transparent 70%);bottom:-150px;left:-100px;animation:ob-float 25s ease-in-out infinite reverse}@keyframes ob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.ob-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:1000px;padding:2rem;position:relative;z-index:2}@media (max-width:900px){.ob-wrapper{grid-template-columns:1fr;max-width:540px}.ob-preview-col{display:none}}.ob-card{width:100%;padding:2.5rem;background:var(--ob-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ob-border);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05);animation:ob-slide-up .6s ease-out}@keyframes ob-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ob-login-header{text-align:center;margin-bottom:2rem}.ob-logo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.ob-logo-icon{width:40px;height:40px;background:var(--ob-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--ob-purple-glow)}.ob-logo-text{font-size:1.5rem}.ob-logo-text,.ob-title{font-weight:700;color:var(--ob-text);letter-spacing:-.02em}.ob-title{font-size:1.75rem;margin-bottom:.5rem}.ob-subtitle{font-size:.9375rem;color:var(--ob-text-2);line-height:1.5}.ob-social-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.ob-social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--ob-bg-glass);border:1px solid var(--ob-border);border-radius:12px;color:var(--ob-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.ob-social-btn:hover{background:var(--ob-bg-glass-hover);border-color:var(--ob-border-strong);transform:translateY(-1px)}.ob-social-btn--primary{background:var(--ob-gradient);border-color:transparent;box-shadow:0 0 20px var(--ob-purple-glow)}.ob-social-btn--primary:hover{box-shadow:0 0 30px var(--ob-purple-glow);transform:translateY(-1px)}.ob-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.ob-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ob-border-strong),transparent)}.ob-divider-text{font-size:.875rem;color:var(--ob-text-3);text-transform:uppercase;letter-spacing:.05em}.ob-email-form{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.5rem}.ob-input{width:100%;padding:.875rem 1rem;background:var(--ob-bg-glass);border:1px solid var(--ob-border);border-radius:12px;color:var(--ob-text);font-size:.9375rem;transition:all .3s ease;outline:none}.ob-input::placeholder{color:var(--ob-text-3)}.ob-input:focus{border-color:var(--ob-purple);box-shadow:0 0 0 3px var(--ob-purple-light)}.ob-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:var(--ob-gradient);border:none;border-radius:12px;color:white;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px var(--ob-purple-glow)}.ob-submit-btn:hover:not(:disabled){box-shadow:0 0 30px var(--ob-purple-glow);transform:translateY(-1px)}.ob-submit-btn:disabled{opacity:.7;cursor:not-allowed}.ob-terms{text-align:center;font-size:.8125rem;color:var(--ob-text-3);line-height:1.5}.ob-terms a{color:var(--ob-purple);text-decoration:none;transition:color .2s ease}.ob-terms a:hover{color:var(--ob-cyan)}.ob-preview-col{display:flex;align-items:center;justify-content:center}.ob-preview-inner{width:100%;height:100%;min-height:420px;border-radius:24px;overflow:hidden;border:1px solid var(--ob-border);background:var(--ob-bg-card);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 60px rgba(192,0,255,.15);display:flex;align-items:flex-end;padding:2rem;animation:ob-slide-up .8s ease-out .1s both;position:relative}.ob-preview-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ob-bg-glass);backdrop-filter:blur(10px);border:1px solid var(--ob-border);border-radius:100px;color:var(--ob-purple);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.ob-preview-title{font-size:1.5rem;font-weight:700;color:var(--ob-text);margin-bottom:.75rem;line-height:1.3}.ob-preview-desc{font-size:.9375rem;color:var(--ob-text-2);line-height:1.6}.ob-progress{margin-bottom:2rem}.ob-progress-track{height:4px;background:var(--ob-bg-glass);border-radius:100px;overflow:hidden;margin-bottom:.75rem}.ob-progress-fill{height:100%;background:var(--ob-gradient);border-radius:100px;transition:width .5s ease;box-shadow:0 0 10px var(--ob-purple-glow)}.ob-progress-label{font-size:.8125rem;color:var(--ob-text-3);font-weight:500}.ob-question{margin-bottom:2rem}.ob-q-icon{width:56px;height:56px;background:var(--ob-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;margin-bottom:1.5rem;box-shadow:0 0 30px var(--ob-purple-glow)}.ob-q-title{font-size:1.5rem;font-weight:700;color:var(--ob-text);margin-bottom:.5rem;line-height:1.3}.ob-q-subtitle{font-size:.9375rem;color:var(--ob-text-2);margin-bottom:1.5rem;line-height:1.5}.ob-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width:480px){.ob-options{grid-template-columns:1fr}}.ob-option-btn{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--ob-bg-glass);border:1px solid var(--ob-border);border-radius:12px;color:var(--ob-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.ob-option-btn:hover{background:var(--ob-bg-glass-hover);border-color:var(--ob-border-strong);transform:translateY(-2px)}.ob-option-btn--selected{border-color:var(--ob-purple);box-shadow:0 0 20px var(--ob-purple-glow)}.ob-option-btn--selected,.ob-option-btn--selected:hover{background:var(--ob-purple-light)}.ob-textarea{width:100%;padding:1rem;background:var(--ob-bg-glass);border:1px solid var(--ob-border);border-radius:12px;color:var(--ob-text);font-size:.9375rem;font-family:inherit;resize:none;transition:all .3s ease;outline:none}.ob-textarea::placeholder{color:var(--ob-text-3)}.ob-textarea:focus{border-color:var(--ob-purple);box-shadow:0 0 0 3px var(--ob-purple-light)}.ob-nav{display:flex;gap:1rem}.ob-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ob-nav-btn--secondary{background:var(--ob-bg-glass);border:1px solid var(--ob-border);color:var(--ob-text)}.ob-nav-btn--secondary:hover:not(:disabled){background:var(--ob-bg-glass-hover);border-color:var(--ob-border-strong)}.ob-nav-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.ob-nav-btn--primary{background:var(--ob-gradient);border:none;color:white;box-shadow:0 0 20px var(--ob-purple-glow)}.ob-nav-btn--primary:hover:not(:disabled){box-shadow:0 0 30px var(--ob-purple-glow);transform:translateY(-1px)}.ob-nav-btn--primary:disabled{opacity:.5;cursor:not-allowed}.ob-ctx-preview{background:var(--ob-bg-card);backdrop-filter:blur(10px);border:1px solid var(--ob-border);border-radius:16px;padding:1.25rem}.ob-ctx-label{display:block;font-size:.75rem;font-weight:600;color:var(--ob-purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.ob-ctx-badges{display:flex;flex-wrap:wrap;gap:.5rem}.ob-ctx-badge{padding:.375rem .875rem;background:var(--ob-bg-glass);border:1px solid var(--ob-border);border-radius:100px;font-size:.8125rem;color:var(--ob-text-2)}.ob-complete-card{width:100%;max-width:440px;padding:3rem 2.5rem;background:var(--ob-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ob-border);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05);text-align:center;animation:ob-slide-up .6s ease-out}.ob-complete-icon{width:80px;height:80px;background:var(--ob-purple-light);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 40px var(--ob-purple-glow);animation:ob-scale-in .5s ease-out .2s both}@keyframes ob-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ob-complete-title{font-size:1.75rem;font-weight:700;color:var(--ob-text);margin-bottom:1rem}.ob-complete-desc{font-size:.9375rem;color:var(--ob-text-2);line-height:1.6;margin-bottom:2rem}.ob-complete-actions{display:flex;flex-direction:column;gap:.75rem}.ob-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:var(--ob-gradient);border:none;border-radius:12px;color:white;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px var(--ob-purple-glow)}.ob-btn-primary:hover{box-shadow:0 0 30px var(--ob-purple-glow);transform:translateY(-1px)}.ob-btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;background:var(--ob-bg-glass);border:1px solid var(--ob-border);border-radius:12px;color:var(--ob-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.ob-btn-secondary:hover{background:var(--ob-bg-glass-hover);border-color:var(--ob-border-strong)}.ob-back{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ob-text-3);text-decoration:none;transition:color .2s ease;z-index:10}.ob-back:hover{color:var(--ob-text)}@keyframes ob-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ob-spin{animation:ob-spin 1s linear infinite}.ob-building-card{width:100%;max-width:440px;padding:4rem 2.5rem;background:var(--ob-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ob-border);border-radius:24px;box-shadow:0 0 80px rgba(192,0,255,.2),inset 0 0 0 1px rgba(255,255,255,.05);flex-direction:column}.ob-building-card,.ob-building-orb{display:flex;align-items:center;justify-content:center}.ob-building-orb{width:100px;height:100px;background:var(--ob-gradient);border-radius:50%;margin-bottom:2.5rem;box-shadow:0 0 50px var(--ob-purple),inset 0 0 20px rgba(255,255,255,.5);animation:ob-pulse-orb 2s ease-in-out infinite}@keyframes ob-pulse-orb{0%{transform:scale(.95);box-shadow:0 0 40px var(--ob-purple)}50%{transform:scale(1.05);box-shadow:0 0 80px var(--ob-cyan)}to{transform:scale(.95);box-shadow:0 0 40px var(--ob-purple)}}.ob-pulse-icon{animation:ob-pulse-icon 2s ease-in-out infinite}@keyframes ob-pulse-icon{0%{opacity:.7;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}to{opacity:.7;transform:rotate(1turn)}}.ob-building-text{font-size:1.25rem;font-weight:600;color:var(--ob-text);margin-bottom:2rem;min-height:2rem;animation:ob-fade-text .8s ease-in-out}@keyframes ob-fade-text{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-building-progress{width:100%;height:6px;background:var(--ob-bg-glass);border-radius:100px;overflow:hidden}.ob-building-progress-bar{height:100%;background:var(--ob-gradient);border-radius:100px;transition:width .8s ease;box-shadow:0 0 15px var(--ob-purple-glow)}