@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.container.max-w-4xl{max-width:1280px}}.app-wrapper{-webkit-font-smoothing:antialiased;background-color:#111;color:#fff;font-family:Inter,sans-serif}main{padding-top:5rem}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#111c;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;z-index:50}.header-content{align-items:center;display:flex;height:5rem;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.logo-highlight{color:#facc15}.nav{display:none}@media (min-width:768px){.nav{align-items:center;display:flex;gap:2rem}}.nav a{color:#fffc;transition:color .3s}.nav a:hover{color:#fff}.header-actions{align-items:center;display:flex;gap:1rem}.header-actions .login-btn{display:none}@media (min-width:640px){.header-actions .login-btn{color:#fffc;display:inline;transition:color .3s}.header-actions .login-btn:hover{color:#fff}}.pro-button{align-items:center;background-color:#facc15;border-radius:.5rem;color:#000;display:inline-flex;font-weight:600;justify-content:center;overflow:hidden;padding:.625rem 1.5rem;position:relative;transition:all .3s ease-out}.pro-button:hover{box-shadow:0 0 0 2px #111,0 0 0 4px #facc15}.pro-button .pro-button-bg{background-color:#eab308;bottom:0;left:0;position:absolute;top:0;transition:width .3s ease-out;width:0}.pro-button:hover .pro-button-bg{width:100%}.hero-section,.pro-button .pro-button-text{position:relative}.hero-section{overflow:hidden;padding:6rem 0;text-align:center}@media (min-width:640px){.hero-section{padding:8rem 0}}@media (min-width:1024px){.hero-section{padding:10rem 0}}.hero-bg-image{background-position:50%;background-size:cover;inset:0;opacity:.1;position:absolute}.hero-bg-gradient{background-image:radial-gradient(circle at center,#fde0471a 0,#fde04700 50%);inset:0;position:absolute}.hero-content{position:relative;z-index:10}.hero-title{font-size:2.25rem;font-weight:800;letter-spacing:-.05em;line-height:1.1}@media (min-width:640px){.hero-title{font-size:3rem}}@media (min-width:1024px){.hero-title{font-size:4.5rem}}.hero-subtitle{color:#ffffffb3;font-size:1.125rem;margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:42rem}.hero-cta-button{align-items:center;background-color:#facc15;border-radius:.5rem;color:#000;display:inline-flex;font-size:1.125rem;font-weight:600;margin-top:2.5rem;padding:1rem 2rem;transition:transform .2s ease-out}.hero-cta-button:hover{transform:scale(1.05)}.hero-cta-button svg{display:inline-block;height:1.25rem;margin-left:.5rem;transition:transform .2s;width:1.25rem}.hero-cta-button:hover svg{transform:rotate(12deg)}.generator-section{padding:5rem 0}@media (min-width:640px){.generator-section{padding:6rem 0}}.section-title-container{margin-bottom:3rem;text-align:center}.section-title{font-size:1.875rem;font-weight:700;letter-spacing:-.05em}@media (min-width:640px){.section-title{font-size:2.25rem}}.section-subtitle{color:#ffffffb3;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:42rem}.generator-form-container{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#d1d5db;display:block;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.form-select,.form-textarea{background-color:#1f2937;border:1px solid #4b5563;border-radius:.5rem;color:#fff;padding:.75rem;width:100%}.form-textarea::placeholder{color:#6b7280}.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 2px #111,0 0 0 4px #facc15;outline:none}.generate-button{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.generate-button:disabled{cursor:not-allowed;opacity:.5}.output-area{align-items:center;background-color:#1f2937;border:1px solid #4b5563;border-radius:.5rem;display:flex;justify-content:center;margin-top:2rem;min-height:360px;padding:1rem}.output-area img{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:500px;max-width:100%}.output-placeholder{color:#6b7280;text-align:center}.output-placeholder svg{height:4rem;margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:4rem}.error-message{color:#f87171;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #facc15;border-radius:50%;border-top-color:#0000;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.features-section{background-color:#1a1a1a80;padding:5rem 0}@media (min-width:640px){.features-section{padding:6rem 0}}.features-grid{grid-gap:3rem;display:grid;gap:3rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-item{align-items:flex-start;display:flex;gap:1rem}.feature-icon-container{background-color:#facc151a;border-radius:.5rem;flex-shrink:0;margin-top:.25rem;padding:.5rem}.feature-icon-container svg{color:#facc15;height:1.5rem;width:1.5rem}.feature-title{color:#fff;font-size:1.125rem;font-weight:600}.feature-description{color:#ffffffb3}.reviews-section{padding:5rem 0}@media (min-width:640px){.reviews-section{padding:6rem 0}}.reviews-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.reviews-header-text{max-width:36rem}.review-scroll-buttons{display:none}@media (min-width:640px){.review-scroll-buttons{display:flex;gap:.5rem}}.review-scroll-buttons button{background-color:#ffffff1a;border-radius:9999px;padding:.75rem;transition:background-color .3s}.review-scroll-buttons button:hover{background-color:#facc1533}.review-scroll-buttons svg{height:1.5rem;width:1.5rem}.review-scroll-buttons .arrow-left{transform:rotate(180deg)}.reviews-container{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1.5rem;scroll-snap-type:x mandatory;scrollbar-width:none}.reviews-container::-webkit-scrollbar{display:none}.review-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-shrink:0;padding:2rem;scroll-snap-align:center;width:90%}@media (min-width:640px){.review-card{width:400px}}.review-card-author{align-items:center;display:flex;margin-bottom:1rem}.review-card-author img{border:2px solid #facc15;border-radius:9999px;height:3.5rem;margin-right:1rem;width:3.5rem}.review-card-author-name{color:#fff;font-size:1.125rem;font-weight:700}.review-card-author-role{color:#facc15cc;font-size:.875rem}.review-card-rating{display:flex;margin-bottom:1rem}.review-card-rating svg{height:1.25rem;width:1.25rem}.star-filled{fill:#facc15;color:#facc15}.star-empty{fill:#4b5563;color:#4b5563}.review-card-text{color:#ffffffe6;line-height:1.6}.pricing-section,.stats-section{background-color:#1a1a1a80;padding:5rem 0}.pricing-section{background-color:initial}.footer{background-color:#00000080;border-top:1px solid #ffffff1a;padding:3rem 0}.footer-content{grid-gap:2rem;display:grid;gap:2rem}@media (min-width:768px){.footer-content{grid-template-columns:repeat(3,1fr)}}.footer-links-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.footer-links-grid{grid-column:span 2/span 2}}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff80;margin-top:2rem;padding-top:2rem;text-align:center}.footer-links-grid h4{color:#fffc;font-weight:600;letter-spacing:.05em;margin-bottom:1rem}.footer-links-grid ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-links-grid a{color:#fff9;text-decoration:none;transition:color .2s ease-in-out}.footer-links-grid a:hover{color:#fff}.logo-link{color:inherit;text-decoration:none}.footer-social-links{display:flex;gap:1rem;margin-top:1rem}.footer-social-links a{color:#fff9;transition:color .2s ease-in-out}.footer-social-links a:hover{color:#facc15}.footer-social-links svg{height:1.5rem;width:1.5rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;display:flex;flex-direction:column;padding:1.5rem;text-align:center}.stat-card-icon{color:#facc15;font-size:2.25rem;margin-bottom:.75rem}.stat-card-value{color:#fff;font-size:2.25rem;font-weight:700}.stat-card-label{color:#facc15cc}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;margin-left:auto;margin-right:auto;max-width:56rem}@media (min-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.pricing-card{border:1px solid #fff3;border-radius:1rem;display:flex;flex-direction:column;padding:2rem;position:relative}.pricing-card.popular{border:2px solid #facc15}.popular-badge{background-color:#facc15;border-radius:9999px;color:#000;font-size:.875rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-1rem;transform:translateX(-50%)}.pricing-card-title{font-size:1.5rem;font-weight:600}.pricing-card-subtitle{color:#ffffffb3;margin-top:.5rem}.pricing-card-price{font-size:2.25rem;font-weight:700;margin:1.5rem 0}.pricing-card-interval{color:#ffffff80;font-size:1.125rem;font-weight:400}.pricing-card-features{display:flex;flex-direction:column;flex-grow:1;gap:1rem;list-style:none;margin:0 0 2rem;padding:0}.pricing-card-features li{align-items:center;display:flex}.pricing-card-features svg{height:1.25rem;margin-right:.75rem;width:1.25rem}.check-icon-green{color:#4ade80}.check-icon-yellow{color:#facc15}.pricing-card-button{border-radius:.5rem;padding:.75rem;text-align:center;text-decoration:none;width:100%}.pricing-card-button.secondary{background-color:#ffffff1a;transition:background-color .3s}.pricing-card-button.secondary:hover{background-color:#fff3}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.auth-modal-content{background-color:#1a1a1a;border:1px solid #facc1580;border-radius:1rem;margin:1rem;max-width:400px;padding:2rem;position:relative;width:100%}.auth-modal-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;position:absolute;right:1rem;top:1rem}.auth-modal-close-btn:hover{color:#fff}.auth-modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.auth-modal-subtitle{color:#fff9;margin-bottom:1.5rem;text-align:center}.auth-modal-google-btn{align-items:center;background-color:#fff;border:none;border-radius:.5rem;color:#000;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem;transition:background-color .2s;width:100%}.auth-modal-google-btn:hover{background-color:#e5e7eb}.auth-modal-google-btn:disabled{cursor:not-allowed;opacity:.7}.google-icon{height:1.25rem;width:1.25rem}.auth-modal-divider{align-items:center;display:flex;margin:1rem 0}.auth-modal-divider hr{border-color:#4b5563;width:100%}.auth-modal-divider span{color:#9ca3af;padding:0 .5rem}.auth-modal-form{display:flex;flex-direction:column;gap:1rem}.form-input{background-color:#111827;border:1px solid #4b5563;border-radius:.5rem;box-sizing:border-box;color:#fff;padding:.75rem;width:100%}.form-input:focus{box-shadow:0 0 0 2px #111,0 0 0 4px #facc15;outline:none}.auth-modal-submit-btn{padding-bottom:.75rem;padding-top:.75rem;width:100%}.auth-modal-error{color:#f87171;font-size:.875rem;margin-top:1rem;text-align:center}.auth-modal-toggle-text{color:#fff9;margin-top:1.5rem;text-align:center}.auth-modal-toggle-btn{background:none;border:none;color:#facc15;cursor:pointer;font-weight:600;margin-left:.5rem}.auth-modal-toggle-btn:hover{text-decoration:underline}.profile-menu{position:relative}.profile-button{align-items:center;background-color:#facc1533;border:1px solid #facc1580;border-radius:9999px;color:#facc15;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.profile-button svg{height:24px;width:24px}.profile-dropdown{background-color:#1e1e1e;border:1px solid #ffffff1a;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.5rem;padding:.5rem 0;position:absolute;right:0;width:12rem;z-index:50}.profile-dropdown a,.profile-dropdown button{background:none;border:none;color:#fffc;cursor:pointer;display:block;font-size:1rem;padding:.5rem 1rem;text-align:left;width:100%}.profile-dropdown a:hover,.profile-dropdown button:hover{background-color:#ffffff1a}.profile-dropdown hr{border-color:#ffffff1a;margin:.25rem 0}.profile-dropdown button{color:#f87171cc}.login-btn{background:none;border:none;color:#fffc;cursor:pointer;display:none;font-size:1rem;padding:0;transition:color .3s}.login-btn:hover{color:#fff}@media (min-width:640px){.login-btn{display:inline}}.app-wrapper,body,html{max-width:100%;overflow-x:hidden}.mobile-menu-button{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:.5rem}.desktop-nav{display:flex}.mobile-menu{display:none}@media (max-width:767px){.desktop-nav,.login-btn{display:none}.mobile-menu-button{display:block}.mobile-menu{background-color:#1e1e1e;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;right:0;top:5rem}.mobile-menu a{border-radius:.25rem;color:#fffc;font-size:1.125rem;padding:.5rem;text-decoration:none}.mobile-menu a:hover{background-color:#ffffff1a}}*,:after,:before{box-sizing:border-box}.sample-designs-section{background-color:#111;padding:5rem 0}.sample-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.sample-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sample-grid{grid-template-columns:repeat(4,1fr)}}.sample-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.sample-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.sample-image{aspect-ratio:1/1;height:auto;object-fit:cover;width:100%}.sample-prompt{color:#ffffffb3;font-size:.875rem;font-style:italic;line-height:1.5;margin:0;padding:1rem}.faq-section{background-color:#1a1a1a80;padding:5rem 0}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem}.faq-question{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;padding:1.5rem;text-align:left;width:100%}.faq-question svg{color:#facc15;flex-shrink:0;height:1.5rem;margin-left:1rem;transition:transform .3s ease;width:1.5rem}.faq-answer{color:#fffc;line-height:1.6;padding:0 1.5rem 1.5rem}.faq-answer p{margin:0}.my-designs-page{min-height:80vh;padding:3rem 0}.page-title{border-bottom:1px solid #ffffff1a;font-size:2.25rem;font-weight:800;letter-spacing:-.05em;margin-bottom:2rem;padding-bottom:1rem}.no-designs-message{color:#ffffffb3;font-size:1.125rem;padding:4rem 0;text-align:center}.designs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.designs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.designs-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.designs-grid{grid-template-columns:repeat(4,1fr)}}.design-card{aspect-ratio:1/1;background-color:#1f2937;border-radius:.75rem;overflow:hidden;position:relative}.design-card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.design-card:hover .design-card-image{transform:scale(1.05)}.design-card-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;opacity:0;padding:2rem 1rem 1rem;position:absolute;right:0;transition:opacity .3s ease}.design-card:hover .design-card-overlay{opacity:1}.design-card-prompt{color:#fff;font-size:.875rem;line-height:1.4;margin:0}.page-spinner-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.account-page{min-height:80vh;padding:3rem 0}.account-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;margin-bottom:2rem;padding:2rem}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.card-description{color:#ffffffb3;margin-bottom:1.5rem}.detail-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#ffffffb3}.detail-value{font-weight:500}.success-message{color:#4ade80}.account-card .error-message,.success-message{margin-top:1rem;text-align:center}.form-label-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.inspire-button{align-items:center;background:none;border:none;border-radius:.25rem;color:#facc15;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;transition:color .2s ease,background-color .2s ease}.inspire-button:hover{background-color:#facc151a;color:#eab308}.inspire-button:disabled{cursor:not-allowed;opacity:.5}.inspire-button svg{height:1rem;width:1rem}.hashtag-display-container{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.hashtag-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.hashtag-title{color:#ffffffe6;font-weight:600;margin:0}.hashtag-copy-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:#facc15;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;transition:color .2s ease,background-color .2s ease}.hashtag-copy-btn:hover{background-color:#facc151a}.hashtag-copy-btn svg{height:1rem;width:1rem}.hashtag-list{display:flex;flex-wrap:wrap;gap:.5rem}.hashtag-tag{background-color:#374151;border-radius:9999px;color:#fffc;font-size:.875rem;padding:.25rem .75rem}
/*# sourceMappingURL=main.020cd86b.css.map*/