:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--bg-primary: #0a0a0f;--bg-secondary: #16161d;--bg-tertiary: #1f1f2a;--bg-card: #252532;--text-primary: #f5f5f7;--text-secondary: #c7c7cc;--text-muted: #8e8e93;--accent-primary: #8b5cf6;--accent-hover: #a78bfa;--accent-light: #c4b5fd;--border-subtle: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--success: #10b981;--warning: #f59e0b;--error: #ef4444;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2.5rem)}p{line-height:1.7;color:var(--text-secondary)}a{font-weight:500;color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:4px}button{border-radius:12px;border:2px solid transparent;padding:.75em 1.5em;font-size:1rem;font-weight:600;font-family:inherit;background-color:var(--accent-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}button:active{transform:translateY(0)}button:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}code{font-family:Fira Code,Courier New,monospace;background-color:var(--bg-tertiary);padding:.2em .4em;border-radius:4px;font-size:.9em;color:var(--accent-light)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-contrast:high){:root{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--border-medium: rgba(255, 255, 255, .4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.app-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 20px #0000004d;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.hamburger-line{width:100%;height:3px;background:var(--text-primary);border-radius:3px;transition:all .3s ease}.mobile-menu-toggle:hover .hamburger-line{background:var(--accent-primary)}.mobile-menu-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.logo-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.logo-link{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:scale(1.05)}.logo-link:focus-visible{outline:3px solid var(--accent-primary);outline-offset:6px;border-radius:50%}.main-logo{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);animation:float 3s ease-in-out infinite;border:3px solid var(--accent-primary);box-shadow:0 0 20px #8b5cf666}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.header-text{text-align:center}.header-text h1{margin-bottom:.25rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:clamp(1.8rem,4vw,2.5rem)}.header-text p{font-size:clamp(.9rem,2vw,1.1rem);color:var(--text-secondary);margin:0;font-weight:400}.main-nav{display:flex;justify-content:center;align-items:center;gap:.25rem;flex-wrap:wrap;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:800px;margin:0 auto}.nav-link{position:relative;padding:.6rem 1.25rem;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:12px;opacity:0;transition:opacity .3s ease;z-index:-1}.nav-link:hover{color:var(--text-primary);transform:translateY(-1px);background:#8b5cf61a}.nav-link:hover:before{opacity:.2}.nav-link.active{color:#fff;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));box-shadow:0 4px 12px #8b5cf666}.nav-link.active:before{opacity:0}.nav-link:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}main{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 200px)}main.home{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}main.features{background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}main.about{background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}main.roadmap{background:linear-gradient(180deg,#141e30,#243b55)}main.architecture{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364)}main.onboarding{background:linear-gradient(180deg,#2c3e50,#3498db)}main.profile{background:linear-gradient(180deg,#434343,#000)}main.swipe{background:linear-gradient(180deg,#ff6b6b,#ee5a24)}.app-footer{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:2rem;text-align:center;border-top:1px solid var(--border-subtle);margin-top:auto}.app-footer p{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.6}.card{background:var(--bg-card);padding:3rem;border-radius:20px;border:1px solid var(--border-medium);box-shadow:0 8px 32px #0006;text-align:center;max-width:500px;width:100%;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:3rem}.card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #8b5cf633}.card button{margin-bottom:1.5rem;min-width:200px;font-size:1.1rem}.card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.card code{display:inline-block;margin:.25rem 0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;width:100%}.feature-card{background:var(--bg-card);padding:2rem;border-radius:16px;border:1px solid var(--border-subtle);transition:all .3s ease}.feature-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.feature-card h3{color:var(--accent-light);margin-bottom:.75rem;font-size:1.25rem}.feature-card p{font-size:.95rem;line-height:1.6}footer{background:var(--bg-secondary);padding:3rem 2rem;text-align:center;border-top:1px solid var(--border-subtle);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto}.footer-tagline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-links a:hover{color:var(--accent-light)}.footer-copyright{color:var(--text-muted);font-size:.9rem;margin:0}.profile-creation{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:2rem 1rem}.profile-creation-container{max-width:600px;margin:0 auto;background:var(--bg-card);padding:3rem 2rem;border-radius:24px;border:1px solid var(--border-medium);box-shadow:0 12px 48px #0000004d}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light));transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #8b5cf680}.step-counter{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem;font-weight:500}.step-content{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-content h1{color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(1.8rem,4vw,2.2rem)}.step-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.5}.form-group{margin-bottom:2rem;text-align:left}.form-group label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:.5rem;font-size:1rem}.required{color:var(--accent-primary);margin-left:.25rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #8b5cf61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:.5rem}.helper-text{text-align:center;color:var(--text-muted);font-size:.9rem;margin:1rem 0}.character-count{display:block;color:var(--text-muted);font-size:.875rem;margin-top:.5rem;text-align:right}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.photo-preview{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg-secondary)}.photo-preview img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.remove-btn:hover{background:var(--accent-primary);transform:scale(1.1)}.upload-placeholder{aspect-ratio:1;border:2px dashed var(--border-medium);border-radius:12px;background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;color:var(--text-secondary)}.upload-placeholder:hover{border-color:var(--accent-primary);background:#8b5cf60d;color:var(--accent-light)}.upload-icon{font-size:2rem}.media-section{margin:2rem 0}.video-placeholder,.audio-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:16px;margin-bottom:1.5rem}.video-icon,.audio-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.video-placeholder p,.audio-placeholder p{color:var(--text-muted);font-size:1rem}.media-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-media{padding:1rem 1.5rem;background:var(--bg-secondary);border:2px solid var(--border-medium);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-media:hover{border-color:var(--accent-primary);background:#8b5cf60d;color:var(--accent-light);transform:translateY(-2px)}.btn-media span{font-size:1.25rem}.recording-view{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.camera-preview{width:100%;max-width:400px;border-radius:16px;background:#000;aspect-ratio:4/3;object-fit:cover}.recording-indicator{display:flex;align-items:center;gap:.75rem;color:var(--accent-primary);font-weight:600;font-size:1.1rem}.pulse-dot{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.audio-visualizer{padding:3rem 2rem;background:var(--bg-secondary);border-radius:16px;min-width:300px;display:flex;align-items:center;justify-content:center}.btn-stop{padding:1rem 2rem;background:#ef4444;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-stop:hover{background:#dc2626;transform:scale(1.05)}.preview-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.media-preview{width:100%;max-width:400px;border-radius:16px;background:#000}.audio-preview{width:100%;max-width:400px}.button-group{display:flex;gap:1rem;margin-top:2.5rem;justify-content:space-between}.btn-primary,.btn-secondary{flex:1;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-medium)}.btn-secondary:hover{border-color:var(--accent-primary);background:#8b5cf60d;transform:translateY(-2px)}@media(max-width:768px){.app-header{padding:1rem;position:relative}.mobile-menu-toggle{display:flex}.logo-header{flex-direction:row;text-align:left;margin-bottom:0;padding-right:3rem;justify-content:flex-start}.main-logo{width:60px;height:60px}.header-text h1{font-size:1.25rem}.header-text p{font-size:.85rem;display:none}.main-nav{position:absolute;top:100%;left:0;right:0;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:0;padding:0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-height:0;overflow:hidden;transition:max-height .3s ease;pointer-events:none;visibility:hidden;border-radius:0}.main-nav.mobile-open{max-height:500px;padding:1rem;pointer-events:auto;visibility:visible}.nav-link{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;text-transform:uppercase;letter-spacing:.5px}.nav-link:last-child{border-bottom:none}.card{padding:2rem 1.5rem}main{padding:1.5rem}.features{grid-template-columns:1fr;gap:1.5rem}.footer-links{gap:1rem;flex-direction:column}.profile-creation-container{padding:2rem 1.5rem}.photo-grid{grid-template-columns:repeat(2,1fr)}.button-group{flex-direction:column}}@media(max-width:480px){.main-nav{flex-direction:column;gap:.5rem;padding:.75rem;border-radius:20px}.nav-link{width:100%;text-align:center;padding:.75rem 1.5rem}.media-actions{flex-direction:column;width:100%}.btn-media{width:100%;justify-content:center}}@media(min-width:1400px){:root{font-size:18px}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-primary);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){.main-logo{animation:none}.card,.feature-card,.nav-link,.step-content{animation:none;transition:none}.pulse-dot{animation:none}}.home-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:4rem 1rem 6rem;max-width:900px;margin:0 auto}.hero-title{font-size:clamp(2rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-secondary);margin-bottom:3rem;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);padding:1rem 2.5rem;font-size:1.1rem;border-radius:12px;box-shadow:0 4px 16px #8b5cf666}.cta-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-light);padding:1rem 2.5rem;font-size:1.1rem;border-radius:12px}.cta-secondary:hover{background:var(--accent-primary);color:#fff}.features-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:4rem 0}.feature-card{background:var(--bg-card);padding:2.5rem 2rem;border-radius:16px;border:1px solid var(--border-subtle);transition:all .3s ease;text-align:center}.feature-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf633}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--accent-light);margin-bottom:1rem;font-size:1.3rem}.feature-card p{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.value-prop{margin:6rem 0;text-align:center}.value-prop h2{margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem)}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.value-item{padding:2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:12px;border:1px solid var(--border-subtle)}.value-item h3{color:var(--accent-light);margin-bottom:.75rem;font-size:1.2rem}.value-item p{color:var(--text-secondary);font-size:.95rem}.cta-section{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:20px;border:1px solid var(--border-medium);margin:4rem 0}.cta-section h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1rem}.cta-section p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}@media(max-width:768px){.hero{padding:2rem 1rem 4rem}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%;max-width:300px}.value-grid{grid-template-columns:1fr}}.features-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:4rem;padding:2rem 0}.page-header h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.page-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.feature-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.feature-badge.mvp{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff}.feature-badge.phase-2{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.feature-badge.phase-3{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:var(--bg-primary)}.feature-badge.research{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.hero-feature{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);padding:3rem;border-radius:20px;border:2px solid var(--accent-primary);margin-bottom:4rem}.hero-feature-content h3{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.hero-feature-content p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.accessibility-demo{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.demo-card{background:var(--bg-secondary);padding:2rem;border-radius:16px;border:2px solid var(--border-medium)}.demo-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.demo-avatar{width:60px;height:60px;border-radius:50%;border:2px solid var(--accent-primary)}.demo-info h4{margin:0 0 .25rem;font-size:1.3rem;color:var(--text-primary)}.demo-info p{margin:0;font-size:.95rem;color:var(--text-muted)}.demo-bio{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem}.demo-actions{display:flex;gap:1rem}.demo-btn{flex:1;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.demo-btn.pass{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-secondary)}.demo-btn.pass:hover{background:var(--bg-primary);border-color:var(--text-muted)}.demo-btn.like{background:var(--accent-primary);color:#fff}.demo-btn.like:hover{background:var(--accent-hover)}.accessibility-checklist{background:var(--bg-tertiary);padding:2rem;border-radius:16px;border:1px solid var(--border-subtle)}.accessibility-checklist h4{color:var(--accent-light);margin-bottom:1rem;font-size:1.2rem}.accessibility-checklist ul{list-style:none;padding:0;margin:0}.accessibility-checklist li{padding:.5rem 0 .5rem 1.75rem;position:relative;color:var(--text-secondary);line-height:1.6}.accessibility-checklist li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.interactive-feature{margin:4rem 0}.feature-content-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.feature-content-split.reverse{grid-template-columns:1fr 1fr}.feature-text h3{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.feature-text p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.feature-highlights{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.highlight-item{display:flex;align-items:flex-start;gap:1rem}.highlight-icon{font-size:2rem;line-height:1}.highlight-item strong{display:block;color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.highlight-item p{margin:0;font-size:.95rem;color:var(--text-muted)}.demo-toggle-btn{background:var(--accent-primary);color:#fff;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;margin-top:1rem}.demo-toggle-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.video-chat-mockup{background:var(--bg-card);padding:1.5rem;border-radius:16px;border:2px solid var(--border-medium)}.video-frame{position:relative;background:var(--bg-primary);border-radius:12px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden}.video-placeholder{text-align:center;color:var(--text-muted)}.video-icon{font-size:3rem;display:block;margin-bottom:.5rem}.video-placeholder p{margin:0;font-size:1.1rem}.live-captions{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#000000d9;padding:1rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.caption-text{color:#fff;font-size:1rem;line-height:1.5;margin:0;font-weight:500}.typing-animation{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-controls{display:flex;justify-content:center;gap:1rem}.control-btn{width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-medium);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.control-btn.active{background:var(--accent-primary);border-color:var(--accent-primary)}.control-btn.danger{background:var(--error);border-color:var(--error)}.theme-demo-section{background:var(--bg-card);padding:3rem;border-radius:20px;margin:4rem 0}.theme-preview{background:var(--bg-secondary);padding:2rem;border-radius:16px;border:2px solid var(--border-medium)}.theme-preview.high-contrast{background:#000;border-color:#fff}.theme-preview.high-contrast .preview-content{background:#000;color:#fff}.theme-preview.high-contrast .preview-button{background:#fff;color:#000;border:2px solid #ffffff}.theme-controls{margin-bottom:1.5rem}.theme-controls label{display:block;margin-bottom:.75rem;color:var(--text-primary);font-size:1.05rem}.theme-buttons{display:flex;gap:.75rem}.theme-buttons button{padding:.75rem 1.5rem;border-radius:8px;background:var(--bg-tertiary);border:2px solid var(--border-medium);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.theme-buttons button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.theme-buttons button:hover:not(.active){border-color:var(--accent-primary);color:var(--text-primary)}input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none}.preview-content{background:var(--bg-primary);padding:2rem;border-radius:12px;margin-top:1.5rem;transition:font-size .2s ease}.preview-content h4{margin-bottom:1rem;color:var(--accent-light)}.preview-text{line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.preview-button{background:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer}.stat-callout{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));padding:2rem;border-radius:12px;text-align:center;margin-top:2rem}.stat-number{font-size:3rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1}.stat-label{font-size:1.1rem;color:#ffffffe6;margin:0}.feature-showcase{margin:4rem 0;padding:3rem;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-subtle)}.feature-showcase.alt-bg{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.feature-showcase h3{font-size:2rem;margin-bottom:1rem;text-align:center;color:var(--text-primary)}.feature-intro{text-align:center;font-size:1.1rem;color:var(--text-secondary);max-width:800px;margin:0 auto 3rem;line-height:1.7}.feature-list{list-style:none;padding:0;margin:2rem 0;max-width:600px}.feature-list li{padding:.75rem 0 .75rem 2rem;position:relative;color:var(--text-secondary);line-height:1.6;font-size:1.05rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-size:1.2rem}.profile-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.mode-card{background:var(--bg-secondary);padding:2rem;border-radius:16px;border:2px solid var(--border-subtle);text-align:center;transition:all .3s ease}.mode-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-card h4{color:var(--accent-light);margin-bottom:.75rem;font-size:1.3rem}.mode-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem}.mode-tag{display:inline-block;background:var(--accent-primary);color:#fff;padding:.4rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600}.comm-styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.comm-style-card{background:var(--bg-primary);padding:2rem;border-radius:16px;border:2px solid var(--border-medium)}.comm-style-card h4{color:var(--accent-light);margin-bottom:1rem;font-size:1.3rem}.comm-style-card ul{list-style:none;padding:0;margin:0}.comm-style-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);line-height:1.5}.comm-style-card li:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-size:1.5rem;line-height:1.2}.matching-example{margin-top:3rem;text-align:center}.example-label{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.badge-showcase{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.profile-badge{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:1rem}.safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.safety-feature{text-align:center}.safety-icon{font-size:3.5rem;margin-bottom:1rem}.safety-feature h4{color:var(--accent-light);margin-bottom:.75rem;font-size:1.3rem}.safety-feature p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.future-features{margin:4rem 0;padding:3rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border-radius:20px;border:2px dashed var(--accent-primary)}.future-features h3{font-size:2rem;text-align:center;margin-bottom:1rem;color:var(--text-primary)}.section-intro{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem}.timeline{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.timeline-item{display:flex;gap:2rem;align-items:flex-start}.timeline-badge{flex-shrink:0;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.timeline-content{flex:1;background:var(--bg-tertiary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-subtle)}.timeline-content h4{color:var(--accent-light);margin-bottom:.75rem;font-size:1.2rem}.timeline-content p{color:var(--text-secondary);line-height:1.7;margin:0}.features-cta{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border-radius:20px;border:2px solid var(--accent-primary);margin:4rem 0}.features-cta h3{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.features-cta p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.feature-content-split,.feature-content-split.reverse{grid-template-columns:1fr;gap:2rem}.accessibility-demo{grid-template-columns:1fr}}@media(max-width:768px){.features-page{padding:1.5rem}.hero-feature,.feature-showcase,.theme-demo-section{padding:2rem 1.5rem}.profile-modes-grid,.comm-styles-grid,.safety-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;gap:1rem}.timeline-badge{align-self:flex-start}.accessibility-demo,.demo-card{padding:1.5rem}}@media(max-width:480px){.features-page{padding:1rem}.page-header{padding:1rem 0;margin-bottom:2rem}.hero-feature,.feature-showcase,.theme-demo-section{padding:1.5rem 1rem}.feature-badge{font-size:.75rem;padding:.4rem .8rem}.mode-card,.comm-style-card,.safety-feature{padding:1.5rem}.features-cta{padding:3rem 1.5rem}.features-cta h3{font-size:1.5rem}.features-cta p{font-size:1rem}}@media(prefers-reduced-motion:reduce){.typing-animation,.fadeIn{animation:none}}.about-page{width:100%;max-width:900px;margin:0 auto;padding:2rem}.about-content{display:flex;flex-direction:column;gap:3rem}.about-section{background:var(--bg-card);padding:2.5rem;border-radius:16px;border:1px solid var(--border-subtle)}.about-section h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--accent-light)}.about-section h4{font-size:1.2rem;margin-bottom:.75rem;color:var(--text-primary)}.about-section p{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1rem}.about-section p:last-child{margin-bottom:0}.differentiator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.differentiator{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-subtle);transition:all .3s ease}.differentiator:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.differentiator h4{color:var(--accent-light);margin-bottom:.75rem}.differentiator p{font-size:.95rem;margin:0}.principles-list{list-style:none;padding:0;margin:1.5rem 0 0}.principles-list li{position:relative;color:var(--text-secondary);line-height:1.7;font-size:1.05rem;border-left:3px solid var(--accent-primary);margin-bottom:1rem;padding:1rem 0 1rem 1.5rem}.principles-list li strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.competitor-list{list-style:none;padding:0;margin:1.5rem 0}.competitor-list li{padding:.75rem 0 .75rem 2rem;position:relative;color:var(--text-secondary);line-height:1.6}.competitor-list li:before{content:"✗";position:absolute;left:0;color:var(--error);font-weight:700;font-size:1.2rem}.competitor-list li strong{color:var(--text-primary)}.about-section.cta{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--accent-primary);text-align:center;padding:3rem 2.5rem}.about-section.cta h3{font-size:2rem;margin-bottom:1rem}.about-section.cta p{font-size:1.1rem;margin-bottom:2rem}.about-section.cta button{margin-top:1rem}@media(max-width:768px){.about-page{padding:1.5rem}.about-section{padding:2rem 1.5rem}.differentiator-grid{grid-template-columns:1fr}.principles-list li{padding-left:1rem}}.roadmap-page{width:100%;max-width:1000px;margin:0 auto;padding:2rem}.roadmap-content{display:flex;flex-direction:column;gap:2.5rem}.phase-section{background:var(--bg-card);padding:2.5rem;border-radius:16px;border-left:4px solid;position:relative}.phase-section.phase-1{border-left-color:var(--accent-primary)}.phase-section.phase-2{border-left-color:#3b82f6}.phase-section.phase-3{border-left-color:#f59e0b}.phase-section.phase-4{border-left-color:#10b981}.phase-header{margin-bottom:2rem}.phase-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.phase-badge.mvp{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff}.phase-badge.moderate{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.phase-badge.harder{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:var(--bg-primary)}.phase-badge.research{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.phase-header h3{font-size:1.8rem;margin-bottom:.75rem;color:var(--text-primary)}.phase-goal{font-size:1.05rem;color:var(--text-secondary);font-style:italic;line-height:1.6}.roadmap-list{list-style:none;padding:0;margin:0}.roadmap-list li{padding:1rem 0 1rem 2.5rem;position:relative;color:var(--text-secondary);line-height:1.7;border-bottom:1px solid var(--border-subtle)}.roadmap-list li:last-child{border-bottom:none}.roadmap-list li:before{content:"☐";position:absolute;left:0;color:var(--accent-primary);font-size:1.5rem;top:.75rem}.risks-section{background:var(--bg-card);padding:2.5rem;border-radius:16px;border:2px solid var(--warning)}.risks-section h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--warning)}.risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.risk-card{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-subtle)}.risk-card h4{font-size:1.2rem;margin-bottom:.75rem;color:var(--text-primary)}.risk-card p{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:0}.open-decisions{background:var(--bg-card);padding:2.5rem;border-radius:16px;border:2px dashed var(--accent-primary)}.open-decisions h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--accent-light)}.decision-list{list-style:none;padding:0;margin:0}.decision-list li{padding:1rem 0 1rem 2.5rem;position:relative;color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.decision-list li:before{content:"?";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-size:1.5rem;width:2rem;height:2rem;border:2px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;top:.5rem}@media(max-width:768px){.roadmap-page{padding:1.5rem}.phase-section,.risks-section,.open-decisions{padding:2rem 1.5rem}.risk-grid{grid-template-columns:1fr}.roadmap-list li,.decision-list li{padding-left:2rem}}.onboarding-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.onboarding-container{width:100%;max-width:700px;margin:0 auto}.progress-bar-container{margin-bottom:2rem;text-align:center}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:10px;box-shadow:0 0 10px #8b5cf680}.progress-text{font-size:.9rem;color:var(--text-muted);margin:0}.onboarding-step{background:var(--bg-card);border-radius:20px;padding:3rem 2.5rem;border:1px solid var(--border-subtle);box-shadow:0 8px 32px #0006;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-content{width:100%}.step-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1rem;color:var(--text-primary)}.step-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.welcome-step .step-content{text-align:center}.welcome-logo{width:150px;height:150px;margin:0 auto 2rem;border-radius:50%;object-fit:cover;object-position:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:3px solid var(--accent-primary);box-shadow:0 0 30px #8b5cf680;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-step h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}.welcome-features{display:flex;flex-direction:column;gap:1.5rem;margin:3rem 0;text-align:left}.welcome-feature{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-subtle);transition:all .3s ease}.welcome-feature:hover{border-color:var(--accent-primary);transform:translate(4px)}.welcome-feature .feature-icon{font-size:2.5rem;flex-shrink:0}.welcome-feature h3{font-size:1.2rem;margin-bottom:.25rem;color:var(--text-primary)}.welcome-feature p{font-size:1rem;color:var(--text-secondary);margin:0}.welcome-note{margin-top:1.5rem;font-size:.95rem;color:var(--text-muted)}.checkbox-group{border:none;padding:0;margin:0 0 2.5rem;display:flex;flex-direction:column;gap:1rem}.checkbox-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:12px;transition:all .3s ease;overflow:hidden}.checkbox-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #8b5cf633}.checkbox-card input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-card input[type=checkbox]:checked+label{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border-color:var(--accent-primary)}.checkbox-card input[type=checkbox]:focus+label{outline:3px solid var(--accent-primary);outline-offset:2px}.checkbox-card label{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;cursor:pointer;width:100%;border:2px solid transparent;border-radius:10px;transition:all .2s ease}.checkbox-card.compact label{padding:1.25rem}.checkbox-card-icon{font-size:2.5rem;flex-shrink:0;width:60px;text-align:center}.checkbox-card.compact .checkbox-card-icon{font-size:2rem;width:50px}.checkbox-card-content{flex:1}.checkbox-card-content h3,.checkbox-card-content h4{font-size:1.2rem;margin-bottom:.25rem;color:var(--text-primary)}.checkbox-card-content p{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.checkbox-indicator{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-tertiary);transition:all .2s ease}.checkbox-card input[type=checkbox]:checked+label .checkbox-indicator{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-indicator span{color:#fff;font-weight:700;font-size:1.2rem}.other-details-field{margin-top:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.other-details-field label{display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.other-details-field textarea{width:100%;padding:1rem;border:2px solid var(--border-medium);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.other-details-field textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}.preference-section{margin-bottom:2.5rem}.preference-section:last-child{margin-bottom:0}.section-heading{font-size:1.4rem;color:var(--accent-light);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-subtle)}.text-field-inline{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.text-field-inline label{font-size:1rem;font-weight:500;color:var(--text-primary)}.text-field-inline input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-medium);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .2s ease}.text-field-inline input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.75rem;color:var(--text-primary)}.required{color:var(--error);margin-left:.25rem}.form-group input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-medium);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}.form-group input::placeholder{color:var(--text-muted)}.field-note{margin-top:.5rem;font-size:.9rem;color:var(--text-muted)}.step-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2.5rem}.btn-primary,.btn-secondary,.btn-text{padding:1rem 2rem;font-size:1.05rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;box-shadow:0 4px 12px #8b5cf666}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-large{padding:1.25rem 3rem;font-size:1.2rem;margin:2rem auto 1rem;display:block}.btn-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-light)}.btn-secondary:hover{background:var(--accent-primary);color:#fff}.btn-text{background:transparent;color:var(--text-muted);padding:.75rem 1.5rem;text-decoration:underline}.btn-text:hover{color:var(--accent-light)}.complete-step .step-content{text-align:center}.success-icon{width:100px;height:100px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;box-shadow:0 8px 30px #8b5cf680;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.complete-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem}.profile-summary{background:var(--bg-secondary);padding:2rem;border-radius:12px;border:1px solid var(--border-subtle);margin:2rem 0;text-align:left}.profile-summary h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-light);text-align:center}.summary-section{margin-bottom:2rem}.summary-section:last-child{margin-bottom:0}.summary-section h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-primary)}.badge-list{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-block;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border-radius:20px;font-size:.9rem;font-weight:500}.badge-muted{display:inline-block;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-muted);border-radius:20px;font-size:.9rem;font-weight:500;font-style:italic}.summary-text{font-size:1.05rem;color:var(--text-secondary);margin:0}.complete-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin:2rem 0}.next-steps{background:var(--bg-tertiary);padding:2rem;border-radius:12px;margin-top:2rem;text-align:left}.next-steps h3{font-size:1.3rem;margin-bottom:1rem;color:var(--accent-light)}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{padding:.75rem 0;font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.onboarding-page{padding:1rem .5rem}.onboarding-step{padding:2rem 1.5rem}.step-content h2{font-size:1.8rem}.step-description{font-size:1rem}.checkbox-card label{padding:1.25rem;gap:1rem}.checkbox-card-icon{font-size:2rem;width:50px}.checkbox-card.compact label{padding:1rem}.checkbox-card.compact .checkbox-card-icon{font-size:1.5rem;width:40px}.step-actions{flex-direction:column}.step-actions button{width:100%}.welcome-features{gap:1rem}.welcome-feature{flex-direction:column;text-align:center;padding:1.25rem}.profile-summary{padding:1.5rem}}@media(max-width:480px){.onboarding-step{padding:1.5rem 1rem}.welcome-logo{width:100px;height:100px}.success-icon{width:80px;height:80px;font-size:3rem}.checkbox-card-content h3,.checkbox-card-content h4{font-size:1.05rem}.checkbox-card-content p{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.onboarding-step,.welcome-logo,.success-icon,.other-details-field{animation:none}.welcome-feature:hover,.checkbox-card:hover,.btn-primary:hover{transform:none}}.profile-swipe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.profile-card{background:var(--bg-card);border-radius:16px;border:2px solid var(--border-medium);padding:1rem;text-align:center;transition:transform .3s ease;max-width:400px;width:100%}.profile-card img{width:100%;max-width:300px;border-radius:16px}.profile-card h2{margin:1rem 0 .5rem;color:var(--text-primary)}.profile-card p{color:var(--text-secondary)}.swipe-actions{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.swipe-actions button{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:background .2s ease;flex:1;min-width:120px}.swipe-actions button:hover{background:var(--accent-hover)}@media(max-width:768px){.profile-swipe{padding:1rem}.profile-card{padding:.75rem}.profile-card img{max-width:100%}.swipe-actions{gap:.5rem}.swipe-actions button{padding:.6rem 1rem;font-size:.9rem}}@media(max-width:480px){.profile-card h2{font-size:1.25rem}.profile-card p{font-size:.9rem}.swipe-actions button{min-width:100px;padding:.5rem .75rem}}