body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#7c3aed;--secondary:#ec4899;--accent:#06b6d4;--dark:#0f172a;--light:#f8fafc;--gradient:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4)}body{background:#0f172a;background:var(--dark);color:#f8fafc;color:var(--light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.bg-animation{height:100%;left:0;opacity:.1;position:fixed;top:0;width:100%;z-index:-1}.bg-animation:after,.bg-animation:before{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);border-radius:50%;content:"";filter:blur(80px);height:400px;position:absolute;width:400px}.bg-animation:before{right:-200px;top:-200px}.bg-animation:after{animation-delay:-10s;bottom:-200px;left:-200px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-100px,100px) scale(1.1)}50%{transform:translate(100px,-100px) scale(.9)}75%{transform:translate(-50px,-50px) scale(1.05)}}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}nav.scrolled{background:#0f172af2;box-shadow:0 10px 30px #0000004d}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);-webkit-background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#f8fafc;color:var(--light);position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:hover{color:#06b6d4;color:var(--accent)}.nav-links a:after{background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.cta-button{background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);border-radius:9999px;box-shadow:0 0 20px #7c3aed80;color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 0 30px #7c3aedb3;transform:translateY(-2px)}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.hero-content{max-width:800px;text-align:center;z-index:1}.hero h1{-webkit-text-fill-color:#0000;animation:glow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);-webkit-background-clip:text;font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:1.5rem}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(124,58,237,.5))}to{filter:drop-shadow(0 0 40px rgba(236,72,153,.8))}}.hero p{color:#cbd5e1;font-size:1.5rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.primary-btn{background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);border-radius:9999px;box-shadow:0 10px 30px #7c3aed4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.primary-btn:hover{box-shadow:0 15px 40px #7c3aed80;transform:translateY(-3px)}.secondary-btn{background:#0000;border:2px solid #ffffff4d;border-radius:9999px;color:#f8fafc;color:var(--light);display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.secondary-btn:hover{background:#ffffff1a;border-color:#06b6d4;border-color:var(--accent);transform:translateY(-3px)}.features{background:#1e293b80;padding:5rem 2rem}.container{margin:0 auto;max-width:1200px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);-webkit-background-clip:text;font-size:3rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);background:var(--gradient);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.feature-card:hover{border-color:#0000;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.feature-card:hover:before{opacity:.1}.feature-icon{animation:bounce 2s infinite;display:inline-block;font-size:3rem;margin-bottom:1rem}.feature-card:nth-child(2) .feature-icon{animation-delay:.2s}.feature-card:nth-child(3) .feature-icon{animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:1}.feature-card p{opacity:.8;position:relative;z-index:1}.demo-section{padding:5rem 2rem;text-align:center}.demo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto;max-width:800px;padding:3rem}.code-editor{background:#1e293b;border-radius:10px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;text-align:left}.code-editor:before{color:#64748b;content:"• • •";left:10px;position:absolute;top:10px}.code-content{color:#e2e8f0;margin-top:1rem}.typing-effect{animation:typing 3.5s steps(40),blink .75s step-end infinite;border-right:3px solid #06b6d4;border-right:3px solid var(--accent);overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#06b6d4;border-color:var(--accent)}}footer{background:#0f172ae6;border-top:1px solid #ffffff1a;padding:3rem 2rem 1rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.social-links{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.social-links a{color:#f8fafc;color:var(--light);font-size:1.5rem;transition:all .3s ease}.social-links a:hover{color:#06b6d4;color:var(--accent);transform:translateY(-3px)}@media (max-width:768px){.nav-links{gap:1rem}.hero h1{font-size:3rem}.hero p{font-size:1.2rem}.hero-buttons{flex-direction:column;margin:0 auto;max-width:300px;width:100%}.primary-btn,.secondary-btn{width:100%}}.auth-container{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;position:relative}.auth-bg{background:radial-gradient(circle at 20% 80%,#7c3aed 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec4899 0,#0000 50%),radial-gradient(circle at 40% 40%,#06b6d4 0,#0000 50%);inset:0;opacity:.1;position:absolute}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:400px;padding:3rem;text-align:center;width:100%;z-index:1}.auth-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.auth-card h2{color:#fff;margin-bottom:.5rem}.auth-card p{color:#ffffffb3;margin-bottom:2rem}.google-signin-btn{align-items:center;background:#fff;border:none;border-radius:9999px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;margin:0 auto;padding:.75rem 2rem;transition:all .3s ease}.google-signin-btn:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.google-signin-btn img{height:20px;width:20px}.dashboard-container{background:#0f172a;color:#fff;min-height:100vh;position:relative}.dashboard-bg{background:radial-gradient(circle at 20% 80%,#7c3aed 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec4899 0,#0000 50%);inset:0;opacity:.05;pointer-events:none;position:fixed}.dashboard-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.user-info{align-items:center;display:flex;gap:1rem}.user-avatar{border:2px solid #fff3;border-radius:50%;height:40px;width:40px}.sign-out-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.sign-out-btn:hover{background:#fff3}.dashboard-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);-webkit-background-clip:text;font-size:3rem;margin-bottom:3rem;text-align:center}.create-app-btn{background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);border:none;border-radius:9999px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto 3rem;padding:1rem 2rem;transition:all .3s ease}.create-app-btn:hover{box-shadow:0 15px 40px #7c3aed66;transform:translateY(-3px)}.new-app-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto 3rem;max-width:600px;padding:2rem}.new-app-modal h3{font-size:1.5rem;margin-bottom:1rem}.app-prompt{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;margin-bottom:1rem;min-height:120px;padding:1rem;resize:vertical;width:100%}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.generate-btn{background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 10px 30px #7c3aed4d;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#0000;border:1px solid #fff3;border-radius:9999px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:#ffffff1a}.apps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empty-state{grid-column:1/-1;padding:4rem;text-align:center}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;opacity:.8}.empty-state p{opacity:.6}.app-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .3s ease}.app-card:hover{border-color:#7c3aed80;box-shadow:0 20px 40px #7c3aed33;transform:translateY(-5px)}.app-icon{font-size:3rem;margin-bottom:1rem}.app-card h3{font-size:1.5rem;margin-bottom:.5rem}.app-status{color:#fff9;margin-bottom:1.5rem}.app-actions{display:flex;gap:1rem}.edit-btn,.view-btn{border-radius:20px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.edit-btn{background:#7c3aed33;border:1px solid #7c3aed80;color:#fff}.edit-btn:hover{background:#7c3aed4d}.view-btn{background:#06b6d433;border:1px solid #06b6d480;color:#06b6d4;display:inline-block}.view-btn:hover{background:#06b6d44d}.auth-loading{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh}.auth-form{margin-bottom:1.5rem}.auth-input{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.auth-input:focus{background:#ffffff14;border-color:#7c3aed;outline:none}.auth-input::placeholder{color:#ffffff80}.auth-error{color:#ef4444;font-size:.875rem;margin-bottom:1rem;text-align:left}.auth-submit-btn{background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease;width:100%}.auth-submit-btn:hover{box-shadow:0 10px 30px #7c3aed4d;transform:translateY(-2px)}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider span{background:#0f172af2;color:#ffffff80;font-size:.875rem;padding:0 1rem;position:relative;z-index:1}.auth-divider:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-switch{color:#ffffffb3;font-size:.875rem;margin-top:1.5rem}.auth-switch-btn{background:none;border:none;color:#7c3aed;cursor:pointer;font-weight:600;margin-left:.5rem;transition:color .3s ease}.auth-switch-btn:hover{color:#ec4899}.builder-container{background:#0f172a;color:#fff;min-height:100vh}.builder-nav{align-items:center;background:#0f172ae6;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 2rem}.back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.back-btn:hover{background:#fff3}.deploy-btn{background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.deploy-btn:hover:not(:disabled){box-shadow:0 10px 30px #7c3aed4d;transform:translateY(-2px)}.deploy-btn:disabled{cursor:not-allowed;opacity:.6}.builder-main{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:250px 1fr 400px;height:calc(100vh - 70px);padding:1rem}.builder-sidebar{background:#ffffff0d;border-radius:12px;overflow-y:auto;padding:1.5rem}.builder-sidebar h3,.setting-group{margin-bottom:1.5rem}.setting-group label{display:block;font-size:.875rem;margin-bottom:.5rem;opacity:.8}.setting-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.875rem;padding:.5rem;width:100%}.builder-preview{background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.preview-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.device-selector{display:flex;gap:.5rem}.device-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:all .3s ease}.device-btn.active{background:#7c3aed4d;border:1px solid #7c3aed80}.preview-content{background:#fff;flex:1 1;position:relative}.builder-editor{background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem}.builder-editor h3{margin-bottom:1rem}.code-editor{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;padding:1rem;resize:none}.builder-split-view{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 60px);overflow:hidden}.prompt-section{background:#ffffff0d;border-right:1px solid #ffffff1a;overflow-y:auto;padding:2rem}.prompt-section h3{color:#7c3aed;margin-bottom:1rem}.prompt-section p{color:#fffc;line-height:1.6}.preview-section{background:#1a1a1a;overflow:hidden;position:relative}.preview-iframe{background:#fff;border:none;height:100%;width:100%}.builder-actions{display:flex;gap:1rem}.code-toggle-btn,.regenerate-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.code-toggle-btn:hover,.regenerate-btn:hover{background:#fff3}.generating-animation{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}.generating-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#7c3aed;height:60px;margin-bottom:2rem;width:60px}.code-view{display:flex;flex-direction:column;height:100%}.code-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.copy-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.copy-btn:hover{background:#fff3}.code-content{background:#0d1117;color:#e6edf3;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow:auto;padding:2rem}.error-message{background:#ef44441a;border-radius:6px;color:#ef4444;margin-top:1rem;padding:.5rem}@media (max-width:768px){.builder-split-view{grid-template-columns:1fr}.prompt-section{display:none}}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#7c3aed;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.833c0589.css.map*/