body{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}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.App{min-height:100vh;overflow-x:hidden}.professional-landing{background:linear-gradient(180deg,#fff,#f8fafc);min-height:100vh}.professional-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-container{padding:1rem 2rem}.nav-logo{gap:12px}.nav-logo svg{color:#6366f1}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#6b7280;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#111827}.nav-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.nav-cta:hover{box-shadow:0 10px 25px -3px #6366f14d;transform:translateY(-1px)}.nav-user-info{color:#374151;font-weight:500}.nav-user-avatar{font-size:.75rem;height:32px;width:32px}.nav-logout{border:1px solid #d1d5db;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.nav-logout:hover{border-color:#9ca3af;color:#374151}.professional-hero{text-align:center}.hero,.professional-hero{margin:0 auto;max-width:1200px;padding:8rem 2rem 6rem}.hero{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;text-align:left}.hero,.hero-badge{align-items:center}.hero-badge{background:#6366f11a;border-radius:2rem;color:#6366f1;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-actions{margin-bottom:3rem}.primary-cta{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.primary-cta:hover{box-shadow:0 20px 40px -3px #6366f166;transform:translateY(-2px)}.hero-social-proof{flex-wrap:wrap}.social-item{display:flex;flex-direction:column;gap:.25rem}.social-item strong{color:#111827;font-size:.875rem;font-weight:600}.social-item span{color:#6b7280;font-size:.75rem}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-content{max-width:500px}.hero-heading{color:#111827;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-description{color:#6b7280;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-cta{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin-bottom:3rem;padding:1rem 2rem;transition:all .3s ease}.hero-cta:hover{box-shadow:0 20px 40px -3px #6366f166;transform:translateY(-2px)}.hero-social-proof{color:#6b7280;font-size:.875rem;gap:2rem}.hero-social-proof,.social-avatars{align-items:center;display:flex}.social-avatar{border:2px solid #fff;border-radius:50%;height:32px;margin-left:-8px;width:32px}.social-avatar:first-child{margin-left:0}.demo-browser{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;height:auto;min-height:400px;overflow:hidden;position:relative;width:100%}.browser-header{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem}.browser-dots{display:flex;gap:.5rem}.browser-dot{border-radius:50%;height:12px;width:12px}.browser-dot.red{background:#ef4444}.browser-dot.yellow{background:#f59e0b}.browser-dot.green{background:#10b981}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.dot{border-radius:50%;height:12px;width:12px}.browser-url{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#6b7280;flex:1 1;font-size:.875rem;max-width:300px;padding:.5rem 1rem}.browser-content{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:320px;padding:2rem;position:relative;text-align:center}.demo-textarea{background:#0000;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;height:120px;margin-bottom:1rem;max-width:300px;padding:1rem;resize:none;width:100%;z-index:2}.demo-textarea,.demo-textarea.highlighting{position:relative}.demo-textarea.highlighting:before{word-wrap:break-word;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:calc(.5rem - 2px);bottom:1rem;color:#0000;content:attr(data-text);font-family:inherit;font-size:inherit;left:1rem;line-height:inherit;pointer-events:none;position:absolute;right:1rem;top:1rem;white-space:pre-wrap;z-index:1}.demo-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.demo-animation{height:auto;min-height:100%;padding:2rem;position:relative;width:100%}.demo-input-section{margin:0 auto;max-width:300px}.demo-input-section label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.demo-cursor{animation:blink 1s infinite;color:#6366f1}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-button-container{margin-top:1rem;text-align:center}.demo-generate-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.demo-generate-btn.clicking{box-shadow:0 2px 8px #6366f14d;transform:scale(.95)}.ai-processing{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;margin-top:1rem}.processing-dots{display:flex;gap:.25rem}.processing-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#6366f1;border-radius:50%;height:6px;width:6px}.processing-dots span:first-child{animation-delay:-.32s}.processing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.demo-result{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-top:1.5rem;padding:1rem}.result-header{margin-bottom:1rem}.result-status{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.status-icon{font-size:1rem}.result-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.result-top{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.result-icon{flex-shrink:0;font-size:1.5rem}.result-title-section h4{color:#111827;font-size:1rem;font-weight:700;margin:0 0 .25rem}.result-tagline{color:#6b7280;font-size:.875rem;font-style:italic;margin:0}.result-features{margin-bottom:1rem}.feature-item{font-size:.75rem;gap:.5rem;line-height:1.4;margin-bottom:.5rem}.feature-bullet{flex-shrink:0}.result-tags{display:flex;flex-wrap:wrap;gap:.25rem}.result-tags span{background:#f3f4f6;border-radius:.25rem;color:#6b7280;font-size:.625rem;font-weight:500;padding:.25rem .5rem}.mac-cursor{pointer-events:none;position:absolute;transition:all .1s ease;z-index:1000}.mac-cursor.clicking{transform:scale(.9)}.custom-cursor{pointer-events:none;position:absolute;transition:transform .1s ease;z-index:1000}.professional-features{background:#f8fafc;padding:6rem 2rem}.features{margin:0 auto;max-width:1200px;text-align:center}.features-header{margin:0 auto 4rem;max-width:600px}.features-title{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.features-description{color:#6b7280;font-size:1.125rem;line-height:1.6}.features-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(4,1fr)}.feature-card{border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.feature-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.feature-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin:0 auto 1.5rem}.feature-title{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.professional-cta{padding:6rem 2rem}.final-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2rem;color:#fff;margin:0 auto;max-width:800px;padding:4rem;text-align:center}.final-cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.final-cta-description{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.final-cta-button{align-items:center;background:#fff;border:none;border-radius:.75rem;color:#6366f1;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.final-cta-button:hover{box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.idea-input-page,.professional-input-page{background:linear-gradient(180deg,#fff,#f8fafc);min-height:100vh;padding-top:80px}.input-container-page{margin:0 auto;max-width:800px;padding:4rem 2rem}.input-header{margin-bottom:3rem;text-align:center}.input-header .back-link{background:none;border:none;color:#6366f1;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:1rem}.input-header h1{color:#111827;font-size:2rem;font-weight:800;margin-bottom:.5rem}.input-header p{color:#6b7280;font-size:1.125rem}.professional-input-form{margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{margin-bottom:.5rem}.professional-textarea{border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.professional-textarea:focus{border-color:#6366f1;outline:none}.input-footer{margin-top:.5rem}.voice-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem}.voice-btn:hover{background:#e5e7eb}.generate-cta{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.generate-cta:hover{box-shadow:0 10px 25px #6366f14d;transform:translateY(-1px)}.generate-cta:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-examples h3{margin-bottom:1rem}.example-pills{gap:.5rem}.example-pill{background:#f3f4f6;border:1px solid #d1d5db;border-radius:1rem;padding:.5rem 1rem}.login-page{align-items:center;animation:gradient-flow 8s ease infinite;background:linear-gradient(-45deg,#3b82f6,#6366f1,#8b5cf6,#ec4899);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;padding:2rem}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px #00000026;max-width:900px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header .back-link{background:none;border:none;color:#6366f1;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:1rem}.login-logo{align-items:center;color:#111827;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.login-logo svg{color:#6366f1}.login-header h1{color:#111827;font-size:2rem;font-weight:800;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:1.125rem}.login-form-container{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.login-benefits{padding:1rem}.login-benefits h3{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.benefit-item{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.benefit-item svg{color:#6366f1;flex-shrink:0;margin-top:.25rem}.benefit-item strong{color:#111827;display:block;font-weight:600;margin-bottom:.25rem}.benefit-item p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.login-form{display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:1rem}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1.5rem;padding:1rem}.google-login-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .3s ease}.google-login-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.google-login-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.google-icon{height:20px;width:20px}.login-footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;padding-top:1rem;text-align:center}.login-footer a{color:#6366f1;text-decoration:none}.login-footer a:hover{text-decoration:underline}.processing-text{color:#6b7280;font-size:.875rem;padding:1rem;text-align:center}.modern-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.dashboard-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:.75rem 0;z-index:100}.dashboard-nav .nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.dashboard-nav .nav-logo{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.dashboard-nav .nav-logo svg{color:#6366f1}.nav-user-section{align-items:center;display:flex;gap:1rem}.nav-user-info{align-items:center;display:flex;gap:.75rem}.nav-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center}.nav-user-avatar,.nav-user-avatar-img{border-radius:50%;height:40px;width:40px}.nav-user-avatar-img{border:2px solid #e2e8f0;object-fit:cover}.nav-user-details{align-items:flex-start;display:flex;flex-direction:column}.nav-user-name{color:#111827;font-size:.875rem;font-weight:600}.nav-user-status{color:#6b7280;font-size:.75rem}.nav-logout{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.nav-logout:hover{background:#f8fafc;border-color:#cbd5e1}.dashboard-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1600px;padding:.5rem 3rem 2rem}.dashboard-header{flex-shrink:0;margin-bottom:.5rem}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.header-text{flex:1 1}.dashboard-title{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.1;margin-bottom:.25rem}.dashboard-subtitle{color:#6b7280;font-size:.9rem;line-height:1.3}.header-actions{gap:1rem}.primary-action-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;box-shadow:0 4px 12px #6366f133;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.primary-action-btn:hover{box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.stats-grid{grid-gap:.5rem;display:grid;flex-shrink:0;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:.5rem}.stat-card{border:1px solid #f1f5f9;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:.5rem}.stat-card.featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.stat-content{align-items:flex-start;display:flex;gap:.5rem}.stat-icon{background:#ffffff1a;border-radius:.5rem;color:inherit;flex-shrink:0;height:32px;width:32px}.stat-card:not(.featured) .stat-icon{background:#f8fafc;color:#6366f1}.stat-details{flex:1 1}.stat-number{font-size:1.25rem;font-weight:700;margin-bottom:.125rem}.stat-label{font-size:.75rem;font-weight:600;margin-bottom:.25rem;opacity:.9}.stat-description{font-size:.75rem;opacity:.7}.stat-trend{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem;opacity:.8}.dashboard-main{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:1rem 0}.welcome-section{margin-bottom:2rem;text-align:center}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.welcome-subtitle{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.main-content{align-items:center;display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px}.stats-section{display:flex;flex:1 1;justify-content:flex-start}.stat-display{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 20px #00000014;gap:1.5rem;padding:2rem 3rem}.stat-display,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,#ddd6fe,#e0e7ff);border:3px solid #c7d2fe;border-radius:50%;color:#6366f1;justify-content:center;min-height:60px;min-width:60px;padding:1rem}.stat-info{text-align:left}.stat-number{color:#111827;font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:1.125rem;font-weight:500}.actions-section{display:flex;flex:1 1;gap:1.5rem;justify-content:flex-end}.primary-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.primary-btn:hover{box-shadow:0 8px 30px #6366f166;transform:translateY(-2px)}.secondary-btn{align-items:center;background:#fff;border:2px solid #6366f1;border-radius:.75rem;color:#6366f1;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.secondary-btn:hover{background:#6366f1;box-shadow:0 8px 30px #6366f14d;color:#fff;transform:translateY(-2px)}.controls-section{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:3rem auto 2rem;max-width:1200px}.search-container{flex:2 1}.search-input-wrapper{max-width:600px}.filters-container{align-items:center;flex:1 1;justify-content:flex-end}.concepts-grid-section{margin-top:2rem}.section-title{font-size:1.5rem}.modern-concepts-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 auto;max-width:1400px}.modern-concept-card{border:1px solid #e5e7eb;border-radius:1rem;padding:2rem}.modern-concept-card:hover{border-color:#6366f1;box-shadow:0 12px 40px #0000001a;transform:translateY(-4px)}.concept-card-header{margin-bottom:1.5rem}.concept-badge{background:linear-gradient(135deg,#ddd6fe,#e0e7ff);border:2px solid #c7d2fe;border-radius:50%;padding:.5rem}.concept-icon-wrapper{color:#6366f1}.concept-title{font-size:1.125rem;font-weight:700}.concept-tagline{color:#6366f1}.concept-original-idea{color:#6b7280;font-size:.75rem}.concept-problem{color:#374151}.concept-card-meta{border-top:1px solid #f3f4f6;margin-bottom:1.5rem;padding-top:1.5rem}.concept-date{color:#6b7280}.concept-card-actions{gap:.75rem}.card-action-btn{border:1px solid #0000;border-radius:.5rem;font-size:.8rem;gap:.375rem;padding:.75rem .5rem}.card-action-btn.primary{background:#6366f1}.card-action-btn.primary:hover{background:#4f46e5}.card-action-btn.secondary{border-color:#e5e7eb;color:#6b7280}.card-action-btn.secondary:hover{background:#e5e7eb;color:#374151}.card-action-btn.danger{border-color:#fca5a5}.card-action-btn.danger:hover{background:#dc2626;color:#fff}.modern-modal{max-height:90vh;max-width:500px;overflow:hidden}.modal-header{gap:1rem}.modal-icon.danger{border-radius:50%;padding:.75rem}.modal-close{border-radius:.5rem;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-footer{background:#f9fafb;gap:1rem}.modal-btn{padding:.75rem 1.5rem}.modal-btn.secondary{background:#fff;border:1px solid #d1d5db}.modal-btn.secondary:hover{background:#f3f4f6}.modal-btn.danger{border:1px solid #dc2626}@media (max-width:1024px){.dashboard-container{padding:.5rem 2rem 2rem}.modern-concepts-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.dashboard-main{justify-content:flex-start;overflow-y:auto}.dashboard-container{padding:.5rem 1rem 2rem}.main-content{flex-direction:column;gap:2rem}.actions-section,.stats-section{justify-content:center}.controls-section{flex-direction:column;gap:1.5rem;margin:2rem 0}.search-container{flex:none;width:100%}.search-input-wrapper{max-width:100%}.filters-container{flex:none;gap:1rem;justify-content:center}.modern-concepts-grid{gap:1rem;grid-template-columns:1fr}.modern-concept-card{padding:1.5rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:.875rem}.welcome-section{margin-bottom:1.5rem}.main-content{gap:1.5rem}.stat-display{flex-direction:row;gap:1rem;padding:1rem 1.5rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.875rem}.actions-section{flex-direction:column;gap:1rem}.primary-btn,.secondary-btn{font-size:.875rem;justify-content:center;padding:.75rem 1.5rem;width:100%}.empty-state{margin:1rem 0;padding:1.5rem 1rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.875rem}}.gallery-header-section{margin-bottom:3rem}.gallery-hero{text-align:center}.gallery-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;min-width:150px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-card .stat-icon{background:linear-gradient(135deg,#ddd6fe,#e0e7ff);border:2px solid #c7d2fe;border-radius:50%;color:#6366f1;padding:.75rem}.stat-card .stat-content{text-align:left}.stat-card .stat-number{color:#111827;font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.stat-card .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.gallery-title-section{margin:0 auto;max-width:600px}.gallery-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.gallery-subtitle{line-height:1.6}.gallery-controls-section{margin-bottom:3rem}.controls-card{align-items:center;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 2px 8px #0000000d;display:flex;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1000px;padding:2rem}.search-section{flex:2 1}.search-input-wrapper svg{z-index:1}.search-input{background:#f9fafb;border:2px solid #e5e7eb;padding:.875rem 1rem .875rem 3rem}.search-input:focus{background:#fff}.filters-section{flex:1 1;gap:1.5rem}.filter-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.filter-select{border:2px solid #e5e7eb;min-width:140px;transition:all .3s ease}.filter-select:focus{box-shadow:0 0 0 3px #6366f11a}@media (max-width:768px){.gallery-stats{align-items:center;flex-direction:column;gap:1rem}.stat-card{min-width:200px}.gallery-title{font-size:2rem}.controls-card{flex-direction:column;gap:2rem;padding:1.5rem}.search-section{width:100%}.filters-section{justify-content:center;width:100%}}.quick-actions-section{flex-shrink:0;margin-bottom:.5rem}.section-title{font-size:1rem;font-weight:600}.quick-actions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.action-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;text-align:left;transition:all .3s ease}.action-card:hover:not(:disabled){border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.action-card:disabled{cursor:not-allowed;opacity:.6}.action-icon{align-items:center;background:#f8fafc;border-radius:.5rem;color:#6366f1;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.action-content{flex:1 1}.action-content h3{color:#111827;font-size:.875rem;font-weight:600;margin-bottom:.125rem}.action-content p{color:#6b7280;font-size:.75rem;line-height:1.2;margin:0}.action-arrow{color:#cbd5e1;transition:all .2s ease}.action-card:hover:not(:disabled) .action-arrow{color:#6366f1;transform:translateX(2px)}.recent-concepts-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.section-header{flex-shrink:0;justify-content:space-between;margin-bottom:.5rem}.section-header,.section-link{align-items:center;display:flex}.section-link{background:none;border:none;color:#6366f1;cursor:pointer;font-weight:500;gap:.5rem;transition:all .2s ease}.section-link:hover{color:#4f46e5}.concepts-grid{flex:1 1;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:1rem 0}.concept-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:auto;min-height:-webkit-fit-content;min-height:fit-content;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.concept-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.concept-card:hover:before{opacity:1}.concept-card:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#c7d2fe;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.concept-header{justify-content:space-between;margin-bottom:1rem}.concept-icon{font-size:1.5rem}.concept-meta{color:#6b7280;font-size:.75rem;gap:.5rem}.concept-name{color:#111827;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.concept-tagline{font-size:.75rem}.concept-features{display:flex;flex-direction:column;gap:.25rem}.feature-item{align-items:flex-start;color:#374151;display:flex;font-size:.625rem;gap:.25rem;margin-bottom:.125rem}.feature-bullet{color:#6366f1;font-weight:600}.feature-more{color:#6b7280;font-size:.75rem;font-style:italic;margin-top:.5rem}.empty-state{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;margin:0 auto;max-width:600px;padding:2rem 1rem}.empty-icon{align-items:center;background:#f8fafc;border-radius:50%;color:#6366f1;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.empty-state h3{color:#111827;font-weight:700}.empty-state p{font-size:1rem;margin-left:auto;margin-right:auto;max-width:400px}.empty-action-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.empty-action-btn:hover{box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}@media (max-width:1024px){.header-content{align-items:flex-start;flex-direction:column;gap:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.concepts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:.25rem}.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.8rem}.stats-grid{gap:.25rem;grid-template-columns:repeat(2,1fr)}.quick-actions-grid{gap:.25rem;grid-template-columns:1fr}.concepts-grid{gap:1rem;grid-template-columns:1fr;padding:.5rem 0}.nav-user-details{display:none}.stat-card{padding:.375rem}.action-card,.concept-card{padding:.5rem}}.btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 20px 40px -3px #6366f166;transform:translateY(-2px)}.btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.75rem;color:#374151;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:#f9fafb;transform:translateY(-2px)}.modern-generator{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto}.generator-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:.75rem 0;z-index:100}.generator-nav .nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-back-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.nav-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.nav-logo{color:#6366f1;font-weight:600;gap:.5rem}.nav-action-btn,.nav-actions{align-items:center}.nav-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.nav-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.nav-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.nav-action-btn.primary:hover{box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}.nav-action-btn.liked{background:#fef2f2;border-color:#fecaca;color:#dc2626}.nav-action-btn.saved{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.generator-container{flex:1 1;max-width:1600px;min-height:calc(100vh - 80px);overflow-x:visible;padding:1rem 2rem}.generator-container,.loading-section{display:flex;flex-direction:column;margin:0 auto;overflow-y:auto}.loading-section{justify-content:center;max-width:1000px;min-height:calc(100vh - 200px);padding:2rem 1rem 4rem;text-align:center;width:100%}.loading-header{margin-bottom:3rem}.loading-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.sparkles-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.loading-title{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.loading-subtitle{color:#6b7280;font-size:1.125rem;font-style:italic}.progress-container{margin-bottom:3rem}.progress-steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem;max-width:100%}.progress-step{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.progress-step.active{background:#fafbff;border-color:#6366f1}.progress-step.completed{background:#f0fdf4;border-color:#10b981}.step-indicator{align-items:center;background:#f1f5f9;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.progress-step.active .step-indicator{background:#6366f1;color:#fff}.progress-step.completed .step-indicator{background:#10b981;color:#fff}.step-loading{height:20px;position:relative;width:20px}.step-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.step-content{flex:1 1;text-align:left}.step-title{color:#111827;font-weight:600;margin-bottom:.25rem}.step-description{color:#6b7280;font-size:.875rem}.progress-bar{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.loading-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.stat-item{font-size:.875rem;gap:.5rem}.input-form-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;padding:2rem;text-align:center}.input-header{margin-bottom:2rem}.input-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.input-title{color:#111827;font-size:2rem;font-weight:800;margin-bottom:.75rem}.input-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.idea-input-form{margin-bottom:3rem}.input-group{margin-bottom:2rem}.input-group label{color:#374151;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;text-align:left}.idea-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;font-family:inherit;font-size:1rem;line-height:1.6;padding:1.25rem;resize:vertical;transition:all .3s ease;width:100%}.idea-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.input-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.character-count{color:#6b7280;font-size:.875rem}.voice-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.voice-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.voice-btn.listening{background:#fee2e2;border-color:#fecaca;color:#dc2626}.voice-btn:disabled{cursor:not-allowed;opacity:.6}.generate-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;margin:0 auto;max-width:400px;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-examples{text-align:center}.input-examples h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.example-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.example-pill{background:#fff;border:1px solid #e2e8f0;border-radius:2rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.example-pill:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.concept-header-section{flex-shrink:0;margin-bottom:.75rem}.concept-hero{max-width:800px;text-align:center}.app-badge{gap:1rem;margin-bottom:2rem}.app-badge,.app-icon-badge{align-items:center;display:flex;justify-content:center}.app-icon-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.75rem;box-shadow:0 4px 12px #6366f133;color:#fff;height:60px;width:60px}.success-indicator{align-items:center;background:#ecfdf5;border-radius:2rem;color:#059669;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.app-name{color:#111827;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.app-tagline{color:#6b7280;font-size:.875rem;font-style:italic;margin-bottom:.5rem}.concept-meta{gap:2rem;justify-content:center}.meta-item{gap:.5rem}.concept-content-grid{grid-gap:.75rem;display:grid;flex-shrink:0;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.content-card{background:#fff;border:1px solid #f1f5f9;border-radius:.5rem;padding:1rem;transition:all .3s ease}.content-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.content-card.featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.card-header{align-items:flex-start;gap:1rem}.card-icon{align-items:center;background:#ffffff1a;border-radius:.75rem;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.content-card:not(.featured) .card-icon{background:#f8fafc;color:#6366f1}.card-title h2{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.card-title p{font-size:.875rem;margin:0;opacity:.7}.problem-text{font-size:1rem;line-height:1.7}.audience-list{display:flex;flex-direction:column;gap:.75rem}.audience-item{background:#f8fafc;border-radius:.5rem;gap:.75rem;padding:.5rem}.audience-icon,.audience-item{align-items:center;display:flex}.audience-icon{background:#6366f11a;border-radius:.375rem;color:#6366f1;flex-shrink:0;height:24px;justify-content:center;width:24px}.features-section{flex-shrink:0;margin-bottom:1rem}.section-title{font-size:1.75rem}.features-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{border:1px solid #f1f5f9;border-radius:.5rem;height:-webkit-fit-content;height:fit-content;padding:.75rem;transition:all .3s ease}.feature-card:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.feature-header{gap:1rem;margin-bottom:1rem}.feature-header,.feature-icon{align-items:center;display:flex}.feature-icon{background:#f8fafc;border-radius:.75rem;height:48px;justify-content:center;width:48px}.feature-header h3{color:#111827;font-size:1.125rem;font-weight:600}.feature-description{color:#6b7280;line-height:1.6;margin:0}.tech-section{flex:1 1;margin-bottom:1rem;overflow:hidden}.tech-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tech-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:2rem;color:#374151;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.tech-pill:hover{background:#fafbff;border-color:#6366f1;color:#6366f1}.tech-icon{color:#6366f1;flex-shrink:0}.action-footer{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 12px #0000000d;padding:2rem}.footer-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.footer-text h3{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.footer-text p{color:#6b7280;margin:0}.footer-actions{display:flex;gap:1rem}.footer-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.footer-btn.secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#374151}.footer-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.footer-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.footer-btn.primary:hover{box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}@media (max-width:1024px){.concept-content-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-content{flex-direction:column;text-align:center}}@media (max-width:768px){.dashboard-container,.generator-container{padding:1rem}.app-name,.dashboard-title{font-size:1.75rem}.concept-meta{flex-direction:column;gap:.75rem}.nav-actions{flex-wrap:wrap;gap:.5rem}.nav-action-btn span{display:none}.progress-steps{gap:1rem;grid-template-columns:1fr}.loading-stats{gap:1rem}.footer-actions{flex-direction:column;width:100%}.footer-btn{justify-content:center}.quick-actions-grid,.stats-grid{gap:.75rem;grid-template-columns:1fr}.concepts-grid,.modern-concepts-grid{grid-template-columns:1fr}}@media (max-width:1024px){.hero{gap:3rem;grid-template-columns:1fr;text-align:center}.demo-browser{max-width:500px;width:100%}.hero-heading{font-size:3rem}}@media (max-width:768px){.nav-container{padding:1rem}.nav-links a{display:none}.hero{padding:6rem 1rem 4rem}.hero-heading{font-size:2.5rem}.hero-social-proof{flex-direction:column;gap:1rem}.features,.final-cta{padding:4rem 1rem}.demo-browser{height:auto;max-height:450px;min-height:300px;width:100%}.browser-url{max-width:200px}}@media (max-width:480px){.hero-heading{font-size:2rem}.hero-description{font-size:1rem}.primary-cta{justify-content:center;width:100%}.demo-browser{height:auto;max-height:400px;min-height:250px}.input-container-page{padding:2rem}.login-form-container{gap:2rem;grid-template-columns:1fr}.login-container{padding:2rem}}.idea-gallery{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.gallery-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.gallery-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.gallery-header .back-button{align-items:center;background:none;border:none;border-radius:8px;color:#4f46e5;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.gallery-header .back-button:hover{background:#f3f4f6}.gallery-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.generate-new-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.generate-new-button:hover{box-shadow:0 6px 20px #4f46e566;transform:translateY(-1px)}.gallery-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:1.5rem}.search-bar{margin-bottom:1rem}.search-bar input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.search-bar input:focus{border-color:#4f46e5}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.filter-group{flex-direction:column;gap:.25rem}.filter-group label{color:#6b7280;font-size:.875rem;font-weight:600}.filter-group select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;outline:none;padding:.5rem .75rem;transition:border-color .2s ease}.filter-group select:focus{border-color:#4f46e5}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:2rem}.generate-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.generate-button:hover{box-shadow:0 6px 20px #4f46e566;transform:translateY(-1px)}.concepts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.concept-card-gallery{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;cursor:pointer;padding:1.5rem;transition:all .3s ease}.concept-card-gallery:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.card-header{margin-bottom:1.25rem}.concept-emoji{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:1rem;box-shadow:0 2px 4px #0000001a;font-size:2.5rem;height:4rem;transition:all .3s ease;width:4rem}.concept-card:hover .concept-emoji{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.rating-stars{align-items:center}.rating-star{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .2s ease}.rating-star.filled,.rating-star:hover{transform:scale(1.1)}.app-info{flex:1 1;gap:.75rem}.app-icon,.app-info{align-items:center;display:flex}.app-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;font-size:2rem;height:50px;justify-content:center;width:50px}.app-info h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.app-info .tagline{color:#6b7280;font-size:.875rem;margin:0}.card-rating{display:flex;gap:.25rem}.star{color:#d1d5db;cursor:pointer;transition:color .2s ease}.star.filled,.star:hover{color:#f59e0b}.card-content{flex-grow:1}.concept-card .concept-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.375rem;font-weight:700;line-height:1.25;margin-bottom:.75rem}.concept-card .concept-tagline,.concept-card .concept-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;overflow:hidden}.concept-card .concept-tagline{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:3px solid #6366f1;border-radius:.75rem;color:#6366f1;font-size:1rem;font-style:italic;font-weight:500;line-height:1.4;margin-bottom:1rem;padding:.5rem 1rem}.concept-card .concept-idea{-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;background:#f9fafbcc;border:1px dashed #d1d5db;border-radius:.5rem;color:#6b7280;display:-webkit-box;font-size:.9rem;font-style:italic;line-height:1.5;opacity:.9;overflow:hidden;padding:.75rem .75rem .75rem 2.5rem;position:relative}.concept-card .concept-idea:before{content:"💭";font-size:1rem;left:.75rem;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.original-idea{color:#4f46e5;font-size:.875rem;font-style:italic;font-weight:500;margin-bottom:.5rem}.problem-preview{color:#6b7280;font-size:.875rem;line-height:1.5}.card-footer{background:linear-gradient(135deg,#f9fafb4d,#f3f4f680);border-radius:.75rem;border-top:1px solid #f1f5f9;margin:1rem -.5rem -.5rem;padding:1rem}.meta-item{background:#ffffffb3;border:1px solid #e5e7eb;border-radius:1rem;font-size:.8rem;font-weight:500;gap:.375rem;padding:.25rem .75rem}.meta-item svg{height:14px;opacity:.7;width:14px}.card-actions{align-items:center}.action-btn{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 1px 2px #0000000d;justify-content:center}.action-btn:hover{border-color:#c7d2fe;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.action-btn.copy:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1d4ed8}.action-btn.share:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10b981;color:#047857}.action-btn.delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#dc2626}.created-date{color:#9ca3af;gap:.5rem}.action-button,.created-date{align-items:center;display:flex;font-size:.75rem}.action-button{border:none;border-radius:6px;cursor:pointer;font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.action-button.view{background:#ebf4ff;color:#1e40af}.action-button.view:hover{background:#dbeafe}.action-button.share{background:#f0fdf4;color:#166534}.action-button.share:hover{background:#dcfce7}.action-button.delete{background:#fef2f2;color:#dc2626}.action-button.delete:hover{background:#fee2e2}.concept-detail-view{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.detail-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.detail-header .back-button{align-items:center;background:none;border:none;border-radius:8px;color:#4f46e5;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.detail-header .back-button:hover{background:#f3f4f6}.concept-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}.concept-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.concept-header .app-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.app-title h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .25rem}.app-title .tagline{color:#6b7280;font-size:1.125rem;font-style:italic;margin:0}.concept-meta{align-items:center;background:#f9fafb;border-radius:8px;justify-content:space-between;margin-bottom:2rem;padding:1rem}.concept-meta .created-date{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.rating{display:flex;gap:.25rem}.concept-sections{grid-gap:2rem;display:grid;gap:2rem}.concept-section{background:#f9fafb;border-left:4px solid #4f46e5;border-radius:12px;padding:1.5rem}.concept-section h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.concept-section p{color:#4b5563;line-height:1.6}.concept-section .original-idea{color:#4f46e5;font-size:1.125rem;font-style:italic;font-weight:500}.features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.feature-icon{font-size:1.5rem;margin-bottom:.5rem}.feature-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.25rem}.feature-content p{color:#6b7280;font-size:.875rem;line-height:1.4}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-pill{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem}.modal-body{padding:1.5rem}.concept-to-delete{margin-bottom:1rem}.concept-preview-small{background:#f9fafb;gap:.75rem;padding:1rem}.app-icon-small,.concept-preview-small{align-items:center;border-radius:8px;display:flex}.app-icon-small{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);font-size:1.5rem;height:40px;justify-content:center;width:40px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1.5rem}.btn-cancel{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-delete{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.btn-delete:hover{background:#b91c1c}.gallery-controls-section{flex-shrink:0;margin-bottom:.5rem}.controls-card{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1rem}.search-container{margin-bottom:1rem}.search-input-wrapper{margin:0 auto;max-width:500px}.search-input-wrapper svg{color:#6b7280;z-index:2}.search-input{border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease}.filters-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group svg{color:#6b7280}.filter-select{border:1px solid #e2e8f0;color:#374151;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.empty-state-section{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:1rem}.empty-state-card{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;max-width:400px;padding:2rem 1.5rem;text-align:center}.empty-state-card .empty-icon{align-items:center;background:#f8fafc;border-radius:50%;color:#6366f1;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.empty-title{font-weight:700}.empty-subtitle{margin-left:auto;margin-right:auto;max-width:400px}.concepts-grid-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.concepts-grid-section .section-header{flex-shrink:0;margin-bottom:1rem;text-align:center}.concepts-grid-section .section-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.concepts-grid-section .section-subtitle{color:#6b7280;font-size:.875rem}.modern-concepts-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem 0}.modern-concept-card{background:#fff;border:1px solid #f1f5f9;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:.75rem;transition:all .3s ease}.modern-concept-card:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.concept-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.concept-badge,.concept-icon-wrapper{align-items:center;display:flex;justify-content:center}.concept-icon-wrapper{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.75rem;color:#fff;height:48px;width:48px}.concept-rating{display:flex;gap:.25rem}.rating-star.filled,.rating-star:hover{color:#f59e0b}.concept-card-content{margin-bottom:1rem}.concept-title{font-size:1rem;margin-bottom:.25rem}.concept-original-idea,.concept-tagline{font-size:.875rem;margin-bottom:.75rem}.concept-original-idea{color:#6366f1;font-weight:500}.concept-problem{color:#6b7280;font-size:.875rem;line-height:1.5}.concept-card-meta{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-top:1rem}.concept-stats{display:flex;gap:1rem}.stat-item{color:#6b7280}.concept-date,.stat-item{align-items:center;display:flex;font-size:.75rem;gap:.25rem}.concept-date{color:#9ca3af}.concept-card-actions{display:flex;flex-wrap:wrap;gap:.25rem}.card-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;padding:.375rem .5rem;transition:all .2s ease}.card-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.card-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.card-action-btn.primary:hover{box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}.card-action-btn.secondary{background:#f8fafc;border-color:#e2e8f0}.card-action-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.card-action-btn.danger:hover{background:#fee2e2}.modern-modal{background:#fff;border-radius:1rem;box-shadow:0 25px 50px #00000040;max-width:450px;padding:0;width:90%}.modern-modal .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;padding:1.5rem;position:relative}.modal-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-icon.danger{background:#fef2f2;color:#dc2626}.modal-title{color:#111827;flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.modern-modal .modal-close{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.modern-modal .modal-close:hover{background:#f8fafc;color:#374151}.modern-modal .modal-body{padding:1.5rem}.concept-preview{align-items:center;background:#f8fafc;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.concept-icon-preview{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.concept-info-preview{flex:1 1}.concept-name-preview{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .25rem}.concept-tagline-preview{color:#6b7280;font-size:.875rem;font-style:italic;margin:0}.modal-description{color:#6b7280;line-height:1.6;margin:0}.modern-modal .modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:.75rem;padding:1.5rem}.modal-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.modal-btn.secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#374151}.modal-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.modal-btn.danger{background:#dc2626;color:#fff}.modal-btn.danger:hover{background:#b91c1c}.original-idea-text{color:inherit;font-size:1.125rem;font-style:italic;font-weight:500;line-height:1.6}.rating-meta .rating{display:flex;gap:.25rem}.nav-action-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.nav-action-btn.danger:hover{background:#fee2e2}@media (max-width:768px){.dashboard-container,.generator-container{padding:.25rem}.gallery-header{flex-direction:column;gap:.5rem;text-align:center}.concepts-grid{grid-template-columns:1fr;max-height:120px}.modern-concepts-grid{gap:1rem;grid-template-columns:1fr;padding:.5rem 0}.stats-grid{gap:.25rem;grid-template-columns:repeat(2,1fr)}.quick-actions-grid{gap:.25rem;grid-template-columns:1fr}.concept-content-grid{gap:.5rem;grid-template-columns:1fr}.features-grid{gap:.25rem;grid-template-columns:repeat(2,1fr)}.tech-grid{gap:.25rem;grid-template-columns:repeat(3,1fr)}.modern-concept-card{max-height:120px;padding:.5rem}.concept-card,.feature-card{padding:.5rem}.content-card{padding:.75rem}.app-name{font-size:1.25rem}.app-tagline{font-size:.75rem}.concept-card-actions{gap:.125rem}.card-action-btn{min-width:0;padding:.25rem}.card-action-btn span{display:none}}.concept-emoji,.concept-emoji-preview{align-items:center;display:flex;font-size:20px;justify-content:center}@media (max-width:1024px){.progress-steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:900px){.progress-steps{grid-template-columns:1fr 1fr}}@media (max-width:600px){.progress-steps{grid-template-columns:1fr!important}}.professional-concept-view{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.concept-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;flex-shrink:0;z-index:100}.header-nav{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.back-btn,.header-nav{align-items:center;display:flex}.back-btn{background:none;border:1px solid #e2e8f0;border-radius:.5rem;color:#6b7280;cursor:pointer;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.header-actions{gap:.75rem}.action-btn,.header-actions{align-items:center;display:flex}.action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}.action-btn.secondary{background:#f8fafc;border-color:#e2e8f0}.action-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.action-btn.danger:hover{background:#fee2e2}.concept-hero{margin:0 auto;max-width:1400px;padding:2rem}.hero-main-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 8px 32px #00000014}.hero-card-content{grid-gap:2rem;display:grid;gap:2rem}.hero-app-info{align-items:center;display:flex;gap:2rem;justify-content:center}.hero-emoji-wrapper{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1.5rem;box-shadow:0 8px 32px #6366f14d;flex-shrink:0;padding:1.5rem}.hero-app-emoji{align-items:center;color:#fff;display:flex;font-size:3rem;justify-content:center}.hero-text-content{flex:1 1;text-align:center}.hero-app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.hero-app-subtitle{color:#6b7280;font-size:1.25rem;font-style:italic;line-height:1.6;margin:0}.hero-meta-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero-meta-card{align-items:center;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.hero-meta-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.hero-meta-card.date-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#bbf7d0}.hero-meta-card.problem-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.hero-meta-card.audience-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.hero-meta-card.features-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.hero-meta-card.rating-card{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border-color:#d8b4fe}.meta-card-icon{align-items:center;background:#fffc;border-radius:.5rem;color:#6366f1;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.meta-card-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.meta-label{color:#6b7280;font-size:.875rem;font-weight:500}.meta-value{color:#111827;font-size:1rem;font-weight:600}.hero-rating-stars{display:flex;gap:.25rem}.hero-rating-star{transition:color .2s ease}.hero-rating-star.filled,.hero-rating-star:hover{color:#f59e0b}.concept-content{flex:1 1;margin:0 auto;max-width:1400px;padding:0 2rem 2rem}.mvp-form-section,.section-header{margin-bottom:2rem}.section-header{text-align:center}.section-title{align-items:center;color:#111827;display:flex;font-size:2rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.5rem}.section-subtitle{color:#6b7280;font-size:1rem;line-height:1.6}.mvp-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.mvp-card{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.mvp-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.mvp-card.product-name{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border-color:#d8b4fe}.mvp-card.pitch{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.mvp-card.problem-statement{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.mvp-card.target-users{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.mvp-card.core-features{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;grid-column:span 2}.mvp-card.user-flow{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;grid-column:span 2}.mvp-card.monetization{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.mvp-card.tech-stack-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.mvp-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.mvp-card-icon{align-items:center;background:#fffc;border-radius:.5rem;color:#6366f1;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mvp-card-header h3{color:#111827;font-size:1rem;font-weight:600;margin:0}.mvp-card-content,.mvp-value{line-height:1.6}.mvp-value{color:#111827;font-size:1rem;font-weight:500}.mvp-features-list{grid-gap:1rem;display:grid;gap:1rem}.mvp-feature-item{align-items:flex-start;background:#fff9;border-left:3px solid #6366f1;border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.feature-number{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:24px;justify-content:center;width:24px}.feature-details{flex:1 1}.feature-details strong{color:#111827;display:block;font-size:.875rem;margin-bottom:.25rem}.feature-details p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.flow-steps{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.flow-step{background:#6366f11a;border-radius:1rem;color:#6366f1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;white-space:nowrap}.flow-arrow{color:#6366f1;font-size:1.125rem;font-weight:600}.mvp-tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.mvp-tech-tag{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem .75rem}.detailed-breakdown{margin-bottom:2rem}.breakdown-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakdown-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.breakdown-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.breakdown-card.inspiration{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border-color:#d8b4fe}.breakdown-card.problem{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.breakdown-card.audience{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.breakdown-card.mvp{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.breakdown-card.revenue{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.card-header{gap:.75rem}.card-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.card-content{line-height:1.6}.card-content blockquote{border:none;color:#6366f1;font-size:1.125rem;font-style:italic;font-weight:500;margin:0 0 1rem;padding:0}.card-content p{color:#6b7280;margin:0 0 1rem}.card-content p:last-child{margin-bottom:0}.mvp-benefits,.problem-impact,.revenue-timeline{background:#ffffff80;border-left:3px solid #6366f1;border-radius:.5rem;margin-top:1rem;padding:1rem}.mvp-benefits strong,.problem-impact strong,.revenue-timeline strong{color:#374151}.audience-segments{grid-gap:1rem;display:grid;gap:1rem}.audience-segment{background:#ffffff80;gap:1rem;padding:1rem}.audience-segment,.segment-icon{align-items:center;border-radius:.5rem;display:flex}.segment-icon{background:#6366f11a;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.segment-info{flex:1 1}.segment-info strong{color:#111827;display:block;margin-bottom:.25rem}.segment-info p{color:#6b7280;font-size:.875rem;margin:0}.tech-architecture{margin-bottom:2rem}.tech-breakdown{grid-gap:1.5rem;display:grid;gap:1.5rem}.tech-categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tech-category{border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.tech-category:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.tech-category:first-child{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.tech-category:nth-child(2){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.tech-category:nth-child(3){background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.tech-category:nth-child(4){background:linear-gradient(135deg,#fef7ff,#f3e8ff);border-color:#d8b4fe}.tech-category h4{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.tech-items{display:flex;flex-wrap:wrap;gap:.5rem}.tech-item{border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem .75rem}.tech-item.frontend{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.tech-item.backend{background:linear-gradient(135deg,#10b981,#059669)}.tech-item.cloud{background:linear-gradient(135deg,#f59e0b,#d97706)}.tech-item.other{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}@media (max-width:1024px){.breakdown-grid{grid-template-columns:1fr}.tech-categories{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mvp-form-grid{grid-template-columns:1fr}.mvp-card.core-features,.mvp-card.user-flow{grid-column:span 1}.hero-meta-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.concept-content{padding:0 1rem 2rem}.concept-hero,.hero-main-card{padding:1.5rem}.hero-app-info{flex-direction:column;gap:1.5rem}.hero-app-title{font-size:2rem}.hero-meta-cards{gap:.75rem;grid-template-columns:repeat(2,1fr)}.header-nav,.hero-meta-card{padding:1rem}.header-nav{flex-wrap:wrap;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem}.action-btn span{display:none}.section-title{font-size:1.5rem}.mvp-form-grid{gap:1rem;grid-template-columns:1fr}.mvp-card{padding:1.25rem}.breakdown-grid{gap:1rem;grid-template-columns:1fr}.breakdown-card{padding:1.25rem}.tech-categories{gap:1rem;grid-template-columns:1fr}.tech-category{padding:1.25rem}}@media (max-width:480px){.hero-app-title{font-size:1.75rem}.concept-hero,.hero-main-card{padding:1rem}.hero-meta-cards{grid-template-columns:1fr}.hero-meta-card{padding:.75rem}.breakdown-card,.mvp-card,.tech-category{padding:1rem}.flow-steps{flex-direction:column;gap:.5rem}.flow-arrow{transform:rotate(90deg)}}.modern-gallery{background:#fafafa;min-height:100vh}.gallery-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#111827;font-size:1.25rem;font-weight:700;gap:.75rem}.nav-actions{display:flex;gap:.75rem}.nav-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.nav-btn.primary{background:#6366f1;color:#fff}.nav-btn.primary:hover{background:#5b21b6}.nav-btn.secondary{background:#f3f4f6;color:#6b7280}.nav-btn.secondary:hover{background:#e5e7eb}.gallery-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0}.gallery-container{margin:0 auto;max-width:1200px;padding:0 2rem}.gallery-title-section{text-align:center}.gallery-title{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.gallery-subtitle{color:#6b7280;font-size:1.125rem;margin:0}.gallery-controls{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.search-section{flex:1 1;min-width:300px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:#9ca3af;left:1rem;position:absolute}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem .75rem 3rem;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.filters-section{display:flex;gap:.75rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.75rem 1rem}.filter-select:focus{border-color:#6366f1;outline:none}.empty-state{padding:4rem 2rem;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:1.5rem}.empty-title{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-subtitle{color:#6b7280;margin-bottom:2rem}.empty-action{align-items:center;background:#6366f1;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s ease}.empty-action:hover{background:#5b21b6}.concepts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.concept-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1.5rem;transition:all .2s ease}.concept-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.concept-emoji{font-size:2rem}.rating-stars{display:flex;gap:.25rem}.rating-star{color:#d1d5db;cursor:pointer;transition:color .2s ease}.rating-star.filled,.rating-star:hover{color:#f59e0b}.card-content{margin-bottom:1rem}.concept-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.concept-tagline{color:#6b7280;font-style:italic;margin-bottom:.5rem}.concept-idea{color:#9ca3af;font-size:.875rem}.card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-top:1rem}.concept-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem}.card-actions{display:flex;gap:.5rem}.action-btn{border:none;border-radius:.375rem;cursor:pointer;padding:.5rem;transition:all .2s ease}.action-btn.copy{background:#eff6ff;color:#2563eb}.action-btn.copy:hover{background:#dbeafe}.action-btn.share{background:#f0f9ff;color:#0891b2}.action-btn.share:hover{background:#e0f7fa}.action-btn.delete{background:#fef2f2;color:#dc2626}.action-btn.delete:hover{background:#fee2e2}@media (max-width:768px){.gallery-container{padding:0 1rem}.gallery-title{font-size:2rem}.gallery-controls{flex-direction:column}.concepts-grid{gap:1rem;grid-template-columns:1fr}.nav-container{padding:0 1rem}.nav-actions{flex-direction:column;gap:.5rem}}.concept-hero{padding:2rem 0}.hero-main-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;gap:1.5rem;margin-bottom:1rem;padding:2rem;width:100%}.hero-app-icon,.hero-main-card{align-items:center;display:flex}.hero-app-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1.25rem;flex-shrink:0;height:80px;justify-content:center;width:80px}.hero-app-emoji{font-size:2.5rem}.hero-content{flex:1 1;min-width:0}.hero-app-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.hero-app-tagline{color:#6b7280;font-size:1.125rem;font-style:italic;margin:0 0 1rem}.hero-meta-row{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.hero-meta-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.hero-meta-item svg{color:#9ca3af}.hero-rating{display:flex;gap:.25rem}.hero-rating-star{color:#d1d5db;cursor:pointer;transition:color .2s}.hero-rating-star.filled,.hero-rating-star:hover{color:#fbbf24}.hero-actions{display:flex;gap:.75rem;justify-content:center}.hero-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.hero-action-btn.primary{background:#3b82f6;color:#fff}.hero-action-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.hero-action-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.hero-action-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.hero-action-btn.danger{background:#ef4444;color:#fff}.hero-action-btn.danger:hover{background:#dc2626;transform:translateY(-1px)}
/*# sourceMappingURL=main.5f4a77ef.css.map*/