:root{--bg-primary:#f8fafd;--bg-secondary:#fff;--bg-tertiary:#f4f8ff;--bg-highlight:#eaf1ff;--text-primary:#222;--text-secondary:#444;--text-muted:#666;--text-light:#888;--border-color:#bbb;--border-light:#0000000f;--shadow-light:#00000008;--shadow-medium:#0000000f;--shadow-dark:#00000012;--accent-blue:#4f8cff;--accent-blue-hover:#388ee7;--accent-green:#43b36a;--accent-teal:#00c9a7;--hero-genie-bg:#eaf1ff}[data-theme=dark]{--bg-primary:#1a1d23;--bg-secondary:#242830;--bg-tertiary:#2d3142;--bg-highlight:#3a4556;--text-primary:#e1e5e9;--text-secondary:#c8d0d8;--text-muted:#9ca3af;--text-light:#6b7280;--border-color:#4b5563;--border-light:#ffffff0f;--shadow-light:#00000026;--shadow-medium:#00000040;--shadow-dark:#00000059;--accent-blue:#4f8cff;--accent-blue-hover:#6ba3ff;--accent-green:#10b981;--accent-teal:#14b8a6;--hero-genie-bg:#3a4556}body,html{height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafd;background-color:var(--bg-primary);color:#222;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-root{background:#f8fafd;background:var(--bg-primary);box-sizing:border-box;color:#222;color:var(--text-primary);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100%;overflow-x:hidden;width:100%}.hero-section{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1200px;padding:3rem 0 2rem}.hero-content{flex:1 1;max-width:520px;min-width:320px;padding:0 2rem}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:16px}.hero-highlight{color:#4f8cff;color:var(--accent-blue)}.hero-subtitle{font-size:1.25rem;margin-bottom:32px}.hero-cta-row{display:flex;gap:16px;margin-bottom:16px}.hero-demo-btn{background:#4f8cff;background:var(--accent-blue);border:none;border-radius:8px;box-shadow:0 2px 8px #4f8cff14;color:#fff}.hero-demo-btn,.hero-signup-btn{cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:12px 28px;text-decoration:none}.hero-signup-btn{background:#fff;background:var(--bg-secondary);border:2px solid #43b36a;border:2px solid var(--accent-green);border-radius:8px;color:#43b36a;color:var(--accent-green);transition:background .18s,color .18s,border .18s}.hero-signup-btn:hover{background:#43b36a;background:var(--accent-green);border:2px solid #43b36a;border:2px solid var(--accent-green);color:#fff}.hero-tagline{color:#666;color:var(--text-muted);font-size:1rem;margin-top:8px}.hero-illustration{flex:1 1;max-width:480px;min-width:320px;padding:0 2rem}.hero-genie,.hero-illustration{align-items:center;display:flex;justify-content:center}.hero-genie{background:#eaf1ff;background:var(--hero-genie-bg);border-radius:50%;box-shadow:0 2px 12px #4f8cff14;height:220px;width:220px}.features-section{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:90%;padding:2rem 1rem 1rem}.features-section h3{font-size:1.15rem;font-weight:600;margin-bottom:8px}.demo-section{background:#fff;background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 12px #0000000f;box-shadow:0 2px 12px var(--shadow-medium);margin:.1rem auto 0;max-width:100%;padding:.1rem 1.5rem}.demo-title{font-size:1.5rem;font-weight:700;margin-bottom:5px;text-align:center}h2.demo-title{font-size:1.1rem;margin-bottom:0;margin-top:2px}.demo-desc{color:#666;color:var(--text-muted);font-size:1.05rem;margin-bottom:2px}.demo-textarea{background:#fff;background:var(--bg-secondary);border:1px solid #bbb;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#222;color:var(--text-primary);font-size:1.08rem;margin:5px 5px 12px;min-height:70px;padding:10px;resize:vertical;width:98%}.demo-row{display:flex;gap:12px;margin-bottom:12px}.demo-select{background:#fff;background:var(--bg-secondary);border:1px solid #bbb;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#222;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:400;height:36px;max-width:145px!important;min-width:120px;min-width:145px!important;padding:6px 10px;transition:border .2s;width:145px!important}.demo-select:focus{border-color:#388ee7;border-color:var(--accent-blue-hover);outline:none}.demo-generate-btn{background:#4f8cff;background:var(--accent-blue);border:none;border-radius:8px;box-shadow:0 4px 12px #6680fa;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;padding:8px;transition:background .2s,color .2s,box-shadow .2s,transform .1s}.demo-generate-btn:hover{background:#388ee7;background:var(--accent-blue-hover);border:none;color:#fff}.demo-output{background:#f4f8ff;background:var(--bg-tertiary);border-radius:8px;color:#444;color:var(--text-secondary);font-size:1.22rem;margin-top:14px;min-height:64px;padding:22px 20px}.demo-output-text{background:#fff;background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #00000012;box-shadow:0 2px 8px var(--shadow-dark);margin:7px;min-height:48px;padding:7px;position:relative;word-break:break-word}.how-section{margin:2.5rem auto 0;max-width:90%;padding:1.5rem 1rem}.how-title{font-size:1.3rem;font-weight:700;margin-bottom:12px}.how-list{color:#444;color:var(--text-secondary);font-size:1.08rem;padding-left:24px}.how-list li{margin-bottom:6px}.how-desc{color:#666;color:var(--text-muted);margin-top:8px}.how-section-left{align-items:flex-start;margin-left:0;margin-right:auto;text-align:left}.footer{color:#888;color:var(--text-light);font-size:1rem;margin:3rem 0 1rem;text-align:center}.footer-link{color:#4f8cff;color:var(--accent-blue)}.navbar{background:#fff;background:var(--bg-secondary);box-shadow:0 2px 8px #00000008;box-shadow:0 2px 8px var(--shadow-light);justify-content:space-between;min-height:56px;padding:.15rem 2.5rem .15rem 1rem;width:100%;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.navbar-brand{font-size:2.1rem;font-weight:800;line-height:1.1;text-decoration:none}.navbar-brand-typing{color:#4f8cff;color:var(--accent-blue)}.navbar-brand-genie,.navbar-brand-typing{font-size:2.1rem;font-weight:800;letter-spacing:1px}.navbar-brand-genie{color:#00c9a7;color:var(--accent-teal)}.navbar-brand-typing-small{color:#4f8cff;color:var(--accent-blue);font-size:1.8rem;font-weight:800;letter-spacing:1px}.navbar-brand-genie-small{color:#00c9a7;color:var(--accent-teal);font-size:1.8rem;font-weight:800;letter-spacing:1px}.navbar-right{gap:2.5rem;margin-right:1.5rem}.navbar-link{border-radius:6px;color:#4f8cff;color:var(--accent-blue);font-size:1.08rem;font-weight:600;padding:6px 18px;text-decoration:none;transition:background .15s,color .15s}.navbar-link.login,.navbar-link.signup{margin-right:.5rem}.navbar-link:hover{background:#eaf1ff;background:var(--bg-highlight);color:#388ee7;color:var(--accent-blue-hover)}.navbar-link.login,.navbar-link.signup{white-space:nowrap}@media only screen and (max-width:600px) and (pointer:coarse){.demo-row label,.features-section>div,.hero-section,.navbar-left{display:none!important}}.nf-footer{background-color:#fff;background-color:var(--bg-secondary);color:#888;color:var(--text-light);font-size:.9rem;padding:1rem;text-align:center}.nf-footer-small{font-size:.65rem;margin-top:30px;padding:.3rem 0 .1rem}.nf-form-container{align-items:center;background:#fff;background:var(--bg-secondary);border-radius:18px;box-shadow:0 2px 16px #00000012;box-shadow:0 2px 16px var(--shadow-dark);display:flex;flex-direction:column;margin:3.5rem auto 0;max-width:370px;padding:1.5rem 2.2rem .5rem}.nf-form-title{color:#222;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1.2rem}.nf-form{display:flex;flex-direction:column;gap:.7rem;width:100%}.nf-form-row{display:flex;gap:.5rem}.nf-form-row .nf-input{min-width:0}.nf-input{background:#f8fafd;background:var(--bg-primary);border:1px solid #bbb;border:1px solid var(--border-color);border-radius:22px;box-sizing:border-box;color:#222;color:var(--text-primary);flex:1 1;font-size:1rem;margin-bottom:0;padding:.5rem .9rem;transition:border .2s;width:100%}.nf-input:focus{border:1.5px solid #e60023;outline:none}.nf-form-btn{font-size:1.1rem;margin-top:.7rem;padding:.7rem 0;width:100%}.nf-error{color:#e60023;font-size:.95rem;margin-top:.5rem;text-align:center}.nf-info-section{background-color:#f4f8ff;background-color:var(--bg-tertiary);border:1px solid #bbb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0000000f;box-shadow:0 4px 6px var(--shadow-medium);color:#444;color:var(--text-secondary);margin-top:2rem;padding:1rem;text-align:center}.nf-info-section h3{color:#222;color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.nf-info-section p{color:#444;color:var(--text-secondary);font-size:1rem;line-height:1.6}.nf-link{color:#4f8cff;color:var(--accent-blue);font-weight:600;text-decoration:none;transition:color .2s ease}.nf-link:hover{color:#388ee7;color:var(--accent-blue-hover);text-decoration:underline}.nf-forgot-link{color:#4f8cff;color:var(--accent-blue)}.nf-forgot-link:hover{color:#388ee7;color:var(--accent-blue-hover)}.nf-info-section a{color:#4f8cff;color:var(--accent-blue);font-weight:600;text-decoration:none;transition:color .2s ease}.nf-info-section a:hover{color:#388ee7;color:var(--accent-blue-hover);text-decoration:underline}.nf-divider{border:none;border-top:1.5px solid #bbb;border-top:1.5px solid var(--border-color);margin:1.1rem 0 .7rem;width:100%}.nf-home-btn{align-items:center;align-self:flex-end;background:none;border:none;border-radius:50%;color:#666;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.35rem;font-weight:700;height:2.2rem;justify-content:center;margin-bottom:.7rem;padding:.1rem;transition:color .2s ease;width:2.2rem}.nf-home-btn:hover{color:#222;color:var(--text-primary)}.nf-btn{border-radius:50px;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.nf-btn-primary{background-color:#4f8cff;background-color:var(--accent-blue);border:2px solid #4f8cff;border:2px solid var(--accent-blue);color:#fff}.nf-btn-primary:hover{color:#4f8cff;color:var(--accent-blue)}.nf-btn-primary:hover,.nf-btn-secondary{background-color:#fff;background-color:var(--bg-secondary)}.nf-btn-secondary{border:2px solid #e60023;color:#e60023}.nf-btn-secondary:hover{background-color:#e60023;color:#fff}.nf-btn-more{background-color:#fff;background-color:var(--bg-secondary);border:2px solid #bbb;border:2px solid var(--border-color);color:#222;color:var(--text-primary)}.nf-btn-more:hover{background-color:#222;background-color:var(--text-primary);color:#fff;color:var(--bg-secondary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{animation:spin 1s linear infinite;border:6px solid #f4f8ff;border-top:6px solid #4f8cff;border:6px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-blue);height:60px;width:60px}.messenger-container{background:#fff;background:var(--bg-secondary);border:1.5px solid #4f8cff;border:1.5px solid var(--accent-blue);border-radius:12px;box-shadow:0 2px 12px #0000000f;box-shadow:0 2px 12px var(--shadow-medium);display:flex;flex-direction:column;height:380px;max-width:420px;overflow:hidden;width:100%}.messenger-messages{display:flex;flex:1 1;flex-direction:column;gap:.7rem;overflow-y:auto;padding:1.1rem}.messenger-message{border-radius:18px;box-shadow:0 1px 4px #00000008;box-shadow:0 1px 4px var(--shadow-light);font-size:1.05rem;line-height:1.5;max-width:80%;padding:.7em 1.1em;word-break:break-word}.messenger-message-user{align-self:flex-end;background:linear-gradient(90deg,#1976d2,#64b5f6);color:#fff}.messenger-message-ai{align-self:flex-start;background:#f8fafd;background:var(--bg-primary);border:1px solid #bbb;border:1px solid var(--border-color);color:#222;color:var(--text-primary)}.messenger-input-row{background:#fff;background:var(--bg-secondary);border-top:1px solid #bbb;border-top:1px solid var(--border-color);display:flex;padding:.8rem 1rem}.messenger-input{background:#f8fafd;background:var(--bg-primary);border:1px solid #bbb;border:1px solid var(--border-color);border-radius:8px;color:#222;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:400;margin-right:.7em;outline:none;padding:.6em 1em;transition:border .2s}.messenger-input:focus{border:1.5px solid #4f8cff;border:1.5px solid var(--accent-blue)}.messenger-send-btn{background:#4f8cff;background:var(--accent-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6em 1.2em;transition:background .2s}.messenger-send-btn:disabled{background:#666;background:var(--text-muted);cursor:not-allowed}.nf-navbar{align-items:center;background:#111;box-shadow:0 2px 8px #0000000a;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 3rem 1.5rem 2rem}.nf-logo{font-size:2rem;letter-spacing:2px;text-transform:uppercase}.nf-logo,.nf-logo-neutral{color:#fff;font-weight:700}.nf-logo-fit{color:#e60023;font-weight:700;margin-left:2px}.nf-nav-links{display:flex;gap:2rem}.nf-nav-links a{color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.nf-nav-links a:hover{color:#e60023}.nf-logo-link{border:none!important;display:inline-block;outline:none!important;text-decoration:none!important;transition:transform .22s cubic-bezier(.4,.2,.2,1)}.nf-logo-link:active,.nf-logo-link:focus,.nf-logo-link:hover,.nf-logo-link:visited{border:none!important;color:inherit;outline:none!important;text-decoration:none!important}.nf-logo-link *{text-decoration:none!important}.nf-nav-user{color:#fff;display:inline-block;font-size:1.1rem;font-weight:500;margin-left:1.2rem;margin-right:.2rem;text-decoration:none;transition:color .2s}.nf-nav-user:hover{color:#e60023}.navbar-right{align-items:center;display:flex;float:right;gap:.2em;padding-right:20px}.navbar-link.login{margin-right:10px!important}.navbar-link.login,.navbar-link.signup{margin:0!important;padding:0 .2em}.theme-toggle-btn{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #bbb;border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px #00000008;box-shadow:0 2px 4px var(--shadow-light);color:#222;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:#eaf1ff;background:var(--bg-highlight);box-shadow:0 4px 8px #0000000f;box-shadow:0 4px 8px var(--shadow-medium);transform:scale(1.1)}.theme-toggle-icon{transition:transform .3s ease}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(20deg)}
/*# sourceMappingURL=main.4e92c035.css.map*/