@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 20px}.logo-container{display:flex;align-items:center;gap:.5rem}.logo-icon{color:#2563eb}.logo-text{font-size:1.5rem;font-weight:700;color:#1f2937}.nav{display:flex;gap:2rem;align-items:center}.nav a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav a:hover{color:#2563eb}.cta-button{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.cta-button:hover{background:#1d4ed8}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#333}.hero{background:linear-gradient(135deg,#eff6ff,#fff);padding:4rem 0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-left h1{font-size:3rem;font-weight:800;color:#1f2937;margin-bottom:1.5rem;line-height:1.2}.hero-left p{font-size:1.25rem;color:#6b7280;margin-bottom:2rem}.cta-button-large{background:#2563eb;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;transition:all .3s ease}.cta-button-large:hover{background:#1d4ed8;transform:translateY(-2px)}.cta-subtitle{font-size:.9rem;font-weight:400;opacity:.9}.hero-right{display:flex;justify-content:center}.dashboard-mockup{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;max-width:500px;border:1px solid #e5e7eb}.dashboard-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.dashboard-title{font-weight:600;color:#1f2937;font-size:.9rem}.dashboard-status{font-size:.8rem;color:#059669;font-weight:500}.chat-thread{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:.75rem;align-items:flex-start}.message-avatar{font-size:1.5rem;flex-shrink:0}.message-content{flex:1}.message-sender{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.25rem}.message-text{background:#f3f4f6;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;color:#1f2937}.user-message .message-text{background:#dbeafe;color:#1e40af}.dashboard-footer{background:#f8f9fa;padding:.75rem 1.5rem;border-top:1px solid #e5e7eb}.project-info{font-size:.8rem;color:#6b7280;font-weight:500}.why-skillflow{background:#f8f9fa;padding:4rem 0}.why-skillflow h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1f2937}.why-skillflow p{font-size:1.1rem;text-align:center;color:#6b7280;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.quote-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:3rem auto;max-width:600px;text-align:center}.quote-box blockquote{font-size:1.5rem;font-style:italic;color:#2563eb;font-weight:600}.solution-text{font-size:1.2rem;font-weight:600;text-align:center;color:#1f2937;margin:3rem auto 4rem;max-width:700px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item svg{color:#2563eb;margin-bottom:1rem}.feature-item h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.feature-item p{color:#6b7280;margin:0}.how-it-works{background:#fff;padding:4rem 0}.how-it-works h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#1f2937}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.step-item{background:#f8f9fa;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;transition:transform .3s ease;border:1px solid #e5e7eb}.step-item:hover{transform:translateY(-5px)}.step-number{font-size:2rem;margin-bottom:1rem}.step-item h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.step-item p{color:#6b7280;margin:0;line-height:1.6}.flow-tagline{text-align:center;margin-top:3rem}.flow-tagline p{font-size:1.2rem;font-weight:600;color:#1f2937}.join-waitlist{padding:4rem 0;background:#fff}.waitlist-card{max-width:600px;margin:0 auto;background:#f8f9fa;padding:3rem;border-radius:20px;text-align:center}.waitlist-card h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#1f2937}.waitlist-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-group input,.form-group select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb}.waitlist-subtext{color:#6b7280;margin-bottom:2rem}.tally-form-container{margin-bottom:2rem}.tally-iframe{border-radius:8px;min-height:300px}.progress-bar{background:#e5e7eb;height:8px;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{background:#10b981;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:.9rem}.footer{background:#222;color:#fff;padding:3rem 0 1rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2563eb}.footer-social{display:flex;gap:1rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#374151;border-radius:50%;text-decoration:none;transition:background .3s ease}.footer-social a:hover{background:#2563eb}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151}.footer-bottom p{color:#9ca3af;font-size:.9rem}@media (max-width: 768px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;box-shadow:0 2px 10px #0000001a}.nav-open{display:flex}.cta-button{display:none}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-left h1{font-size:2rem}.steps-grid{grid-template-columns:1fr;gap:2rem}.footer-content{flex-direction:column;gap:2rem}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.container{padding:0 15px}.hero-left h1{font-size:1.8rem}.hero-left p{font-size:1rem}.features-grid,.steps-grid{grid-template-columns:1fr}.dashboard-mockup{max-width:100%}.waitlist-card{padding:2rem 1.5rem}}