@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@500;600;700;800&display=swap";:root{--bg-primary:#0a1628;--bg-secondary:#12223a;--bg-tertiary:#1b2f4c;--accent-teal:#00d4aa;--accent-teal-hover:#00bfa0;--accent-gold:#f0b429;--text-primary:#fff;--text-secondary:#90a0b3;--text-tertiary:#5a6e85;--border-color:#1f3654;--font-headings:"Montserrat", sans-serif;--font-body:"Inter", sans-serif;--max-width:1200px;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0000001a;--shadow-lg:0 20px 25px -5px #00000080, 0 10px 10px -5px #0003;--glass-bg:#12223abf;--glass-border:#00d4aa26;--glass-shadow:0 8px 32px 0 #0000005e;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:var(--text-secondary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px #00d4aa33}50%{box-shadow:0 0 20px #00d4aa66}}.fade-in{animation:.5s forwards fadeIn}.glow-hover:hover{animation:2s infinite glow}.grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(#00d4aa08 1px,#0000 1px),linear-gradient(90deg,#00d4aa08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.app-wrapper{z-index:2;flex-direction:column;min-height:100vh;display:flex;position:relative}.btn{font-family:var(--font-headings);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent-teal);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-teal-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00d4aa4d}.btn-secondary{color:var(--text-primary);border-color:var(--border-color);background-color:#0000}.btn-secondary:hover{border-color:var(--accent-teal);background-color:#ffffff0d;transform:translateY(-2px)}.btn-block{width:100%;display:flex}.glow-effect{position:relative}.glow-effect:after{content:"";background:linear-gradient(90deg, var(--accent-teal), var(--accent-gold));border-radius:inherit;z-index:-1;opacity:.3;transition:var(--transition-smooth);position:absolute;inset:-1px}.glow-effect:hover:after{opacity:.8;filter:blur(4px)}.main-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background-color:#0a1628d9;padding:16px 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo-group{align-items:center;gap:8px;display:flex}.logo-icon{color:var(--accent-teal);font-size:24px;font-weight:800}.logo-text{font-family:var(--font-headings);letter-spacing:.1em;color:var(--text-primary);font-size:20px;font-weight:800}.logo-text span{color:var(--accent-teal)}.hero-section{padding:80px 0;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}@media (width<=968px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}}.hero-content h1{margin-bottom:24px;font-size:52px}.hero-content h1 span{background:linear-gradient(135deg, var(--accent-teal) 0%, #00a3ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:36px;font-size:18px;line-height:1.6}@media (width<=968px){.hero-subtitle{margin-inline:auto}}.hero-actions{gap:16px;margin-bottom:48px;display:flex}@media (width<=968px){.hero-actions{justify-content:center}}.hero-badge{color:var(--accent-teal);letter-spacing:.05em;background-color:#00d4aa1a;border:1px solid #00d4aa33;border-radius:50px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.hero-stats{border-top:1px solid var(--border-color);gap:40px;padding-top:24px;display:flex}@media (width<=968px){.hero-stats{justify-content:center}}.stat-item{flex-direction:column;display:flex}.stat-number{font-family:var(--font-headings);color:var(--text-primary);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.hero-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative}@media (width<=968px){.hero-visual{display:none}}.arc-wrapper{width:320px;height:320px;position:relative}.arc-line{border:2px dashed #00d4aa33;border-radius:50%;animation:60s linear infinite rotate;position:absolute;inset:0}.arc-glow{filter:blur(20px);background:radial-gradient(circle,#00d4aa1a 0%,#0000 70%);position:absolute;inset:20px}.floating-card{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:220px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-smooth);background:#12223ad9;padding:16px;position:absolute}.floating-card p{color:var(--text-secondary);font-family:monospace;font-size:11px}.card-badge{font-family:var(--font-headings);color:var(--accent-teal);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.floating-card.c1{border-left:3px solid var(--accent-teal);animation:6s ease-in-out infinite float1;top:10px;left:-40px}.floating-card.c2{border-left:3px solid var(--accent-gold);animation:7s ease-in-out infinite float2;bottom:20px;right:-30px}.floating-card.c3{border:1px solid #ffffff0d;width:180px;animation:8s ease-in-out infinite float3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.03)translateY(-5px)}}.bundle-highlight-section{padding:40px 0 80px}.bundle-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#12223ae6 0%,#0a1628f2 100%);border:1px solid #f0b42940;padding:48px;position:relative;overflow:hidden}@media (width<=768px){.bundle-card{padding:32px}}.bundle-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f0b4291a 0%,#0000 70%);width:200px;height:200px;position:absolute;top:0;right:0}.bundle-badge{background-color:var(--accent-gold);color:var(--bg-primary);font-family:var(--font-headings);border-radius:50px;padding:4px 12px;font-size:11px;font-weight:800;position:absolute;top:24px;right:24px}@media (width<=768px){.bundle-badge{margin-bottom:16px;display:inline-block;position:static}}.bundle-grid{grid-template-columns:1.3fr .7fr;align-items:center;gap:48px;display:grid}@media (width<=968px){.bundle-grid{grid-template-columns:1fr;gap:32px}}.bundle-info h2{margin-bottom:8px;font-size:36px}.bundle-info h2 span{color:var(--accent-gold)}.bundle-tagline{color:var(--text-primary);margin-bottom:20px;font-size:18px}.bundle-description{color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.bundle-features{grid-template-columns:1fr 1fr;gap:16px;list-style:none;display:grid}@media (width<=576px){.bundle-features{grid-template-columns:1fr}}.bundle-features li{color:var(--text-primary);font-size:14px;font-weight:500}.bundle-pricing-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-md);background:#0a162899;padding:32px}.original-price{color:var(--text-tertiary);margin-bottom:4px;font-size:16px;text-decoration:line-through}.bundle-price{font-family:var(--font-headings);color:var(--accent-gold);margin-bottom:4px;font-size:56px;font-weight:800;line-height:1}.one-time{color:var(--text-secondary);margin-bottom:24px;font-size:12px}.btn-bundle-buy{background-color:var(--accent-gold);color:var(--bg-primary);border-radius:var(--border-radius-sm);margin-bottom:16px;font-weight:700}.btn-bundle-buy:hover{background-color:#dfa41f;transform:translateY(-2px);box-shadow:0 4px 12px #f0b4294d}.secure-badge{color:var(--text-tertiary);font-size:11px;display:block}.catalog-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:#12223a4d;padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:12px;font-size:36px}.section-header p{max-width:600px;margin:0 auto;font-size:16px}.filter-bar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}@media (width<=968px){.filter-bar{flex-direction:column;align-items:stretch}}.category-tabs{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.tab-btn{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-headings);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);background:0 0;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:600}.tab-btn:hover{border-color:var(--accent-teal);color:var(--text-primary)}.tab-btn.active{background-color:var(--accent-teal);color:var(--bg-primary);border-color:var(--accent-teal)}.search-box{flex-grow:1;align-items:center;max-width:400px;display:flex;position:relative}@media (width<=968px){.search-box{max-width:none}}.search-box input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);padding:10px 16px 10px 40px;font-size:14px}.search-box input:focus{border-color:var(--accent-teal);outline:none;box-shadow:0 0 8px #00d4aa26}.search-icon{color:var(--text-tertiary);pointer-events:none;font-size:14px;position:absolute;left:14px}.clear-search{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;right:12px}.clear-search:hover{color:var(--text-primary)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.product-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;height:100%;transition:var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#00d4aa66;transform:translateY(-6px)}.card-header-gradient{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#1a2d4a 0%,#0c182b 100%);align-items:flex-end;height:120px;padding:16px;display:flex;position:relative}.product-card:nth-child(2n) .card-header-gradient{background:linear-gradient(135deg,#16363c 0%,#081a1d 100%)}.product-card:nth-child(3n) .card-header-gradient{background:linear-gradient(135deg,#2b231c 0%,#15100c 100%)}.prompt-count{font-family:var(--font-headings);letter-spacing:.1em;color:var(--accent-teal);background-color:#00d4aa26;border-radius:50px;padding:4px 10px;font-size:10px;font-weight:800}.product-card:nth-child(3n) .prompt-count{color:var(--accent-gold);background-color:#f0b42926}.card-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.card-body h3{margin-bottom:8px;font-size:20px;line-height:1.3}.product-niche{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.product-card-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.card-tag{color:var(--text-tertiary);background:#ffffff08;border-radius:4px;padding:2px 8px;font-size:11px}.card-footer{border-top:1px solid var(--border-color);background-color:#0a162833;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.card-price{font-family:var(--font-headings);color:var(--text-primary);font-size:24px;font-weight:800}.btn-card-details{color:var(--accent-teal);background:0 0;border-color:#00d4aa4d;padding:8px 16px;font-size:12px}.product-card:hover .btn-card-details{background-color:var(--accent-teal);color:var(--bg-primary);border-color:var(--accent-teal)}.empty-results{text-align:center;padding:60px 0}.empty-results h3{margin-bottom:8px}.empty-results p{margin-bottom:24px}.starter-kit-section{padding:80px 0}.starter-card{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#12223acc 0%,#0a1628cc 100%);padding:60px;position:relative;overflow:hidden}.starter-content{max-width:600px;margin:0 auto}.starter-content h2{margin-bottom:12px;font-size:36px}.starter-content h2 span{color:var(--accent-teal)}.starter-content p{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.subscribe-form{justify-content:center;gap:12px;display:flex}@media (width<=576px){.subscribe-form{flex-direction:column}}.subscribe-form input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-body);flex-grow:1;max-width:320px;padding:12px 20px;font-size:14px}@media (width<=576px){.subscribe-form input{max-width:none}}.subscribe-form input:focus{border-color:var(--accent-teal);outline:none}.subscribe-success{color:var(--accent-teal);margin-top:16px;font-size:14px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#050a12d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}@media (width<=968px){.modal-overlay{align-items:flex-start;padding:16px;overflow-y:auto}}.modal-content-wrapper{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;max-width:1100px;height:90vh;min-height:500px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=968px){.modal-content-wrapper{height:auto;overflow:visible}}.close-modal{color:var(--text-secondary);cursor:pointer;z-index:10;transition:var(--transition-smooth);background:0 0;border:none;font-size:32px;position:absolute;top:16px;right:24px}.close-modal:hover{color:var(--text-primary)}.modal-header-banner{border-bottom:1px solid var(--border-color);background:linear-gradient(90deg,#1a2d4a 0%,#0a1628 100%);justify-content:space-between;align-items:center;gap:24px;padding:32px 48px;display:flex}@media (width<=768px){.modal-header-banner{flex-direction:column;align-items:flex-start;gap:8px;padding:24px}}.modal-header-banner h2{color:var(--text-primary);margin:0;font-size:28px}.modal-price{font-family:var(--font-headings);color:var(--accent-teal);font-size:36px;font-weight:800}.modal-layout{flex-grow:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (width<=968px){.modal-layout{grid-template-columns:1fr;overflow:visible}}.modal-left-panel{border-right:1px solid var(--border-color);flex-direction:column;gap:36px;padding:36px 48px;display:flex;overflow-y:auto}@media (width<=968px){.modal-left-panel{border-right:none;border-bottom:1px solid var(--border-color);height:auto;padding:24px}}.modal-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:1px solid #ffffff0d;margin-bottom:16px;padding-bottom:8px;font-size:18px}.markdown-rendered-content{color:var(--text-secondary);font-size:14px;line-height:1.6}.markdown-rendered-content p{color:var(--text-secondary);margin-bottom:16px}.markdown-rendered-content h2,.markdown-rendered-content h3{color:var(--text-primary);text-transform:none;letter-spacing:normal;border-bottom:none;margin:24px 0 12px;padding-bottom:0;font-size:16px}.markdown-rendered-content ul{margin-bottom:16px;padding-left:0;list-style:none}.markdown-rendered-content ol{margin-bottom:16px;padding-left:20px;list-style:decimal}.markdown-rendered-content ul:not(.emoji-list) li{margin-bottom:8px;padding-left:20px;position:relative}.markdown-rendered-content ul:not(.emoji-list) li:before{content:"•";color:var(--accent-teal);font-weight:700;position:absolute;left:6px}.markdown-rendered-content ol li{color:var(--text-secondary);margin-bottom:8px}.markdown-rendered-content .emoji-list li{margin-bottom:8px;padding-left:0;list-style:none}.markdown-rendered-content .emoji-list li:before{content:none}.structure-overview-text{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.accordion-list{flex-direction:column;gap:12px;display:flex}.accordion-item{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-secondary);overflow:hidden}.accordion-title{font-size:14px;font-weight:600;font-family:var(--font-headings);background-color:#ffffff03;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.accordion-count{color:var(--text-tertiary);font-size:12px}.accordion-prompts-list{border-top:1px solid #ffffff08;flex-direction:column;gap:8px;padding:12px 16px;list-style:none;display:flex}.accordion-prompts-list li{color:var(--text-secondary);padding-left:14px;font-size:13px;position:relative}.accordion-prompts-list li:before{content:"→";color:var(--accent-teal);position:absolute;left:0}.modal-right-panel{background-color:var(--bg-secondary);padding:36px 48px;overflow-y:auto}@media (width<=968px){.modal-right-panel{height:auto;padding:24px}}.playground-container{flex-direction:column;height:100%;display:flex}.playground-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.playground-badge{font-family:var(--font-headings);color:var(--accent-gold);background-color:#f0b4291a;border:1px solid #f0b42933;border-radius:50px;padding:2px 10px;font-size:10px;font-weight:700}.playground-intro{color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.5}.preview-selector-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.preview-tab-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600}.preview-tab-btn:hover{border-color:var(--accent-teal)}.preview-tab-btn.active{border-color:var(--accent-teal);color:var(--accent-teal);background-color:#00d4aa14}.active-playground-content{flex-direction:column;flex-grow:1;gap:20px;display:flex}.sample-use-case{color:var(--text-secondary);background-color:#ffffff05;border-radius:4px;padding:10px 14px;font-size:13px}.variables-input-section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:12px;font-size:13px}.variables-grid{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:#0a16284d;grid-template-columns:1fr;gap:12px;padding:16px;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);font-size:12px;font-weight:500}.input-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);border-radius:4px;padding:8px 12px;font-size:13px}.input-group input:focus{border-color:var(--accent-teal);outline:none}.prompt-display-container{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:#050a12;flex-direction:column;display:flex;overflow:hidden}.prompt-display-header{border-bottom:1px solid var(--border-color);background-color:#ffffff05;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.prompt-display-header span{font-family:var(--font-headings);letter-spacing:.05em;color:var(--text-tertiary);font-size:11px;font-weight:700}.btn-copy{color:var(--accent-teal);background-color:#00d4aa1a;border-color:#00d4aa33;padding:4px 10px;font-size:11px}.btn-copy:hover{background-color:var(--accent-teal);color:var(--bg-primary)}.prompt-code-display{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:250px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.playground-checkout-cta{border-top:1px solid var(--border-color);text-align:center;margin-top:24px;padding-top:20px}.playground-checkout-cta p{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.btn-buy-pack{font-weight:700}.main-footer{border-top:1px solid var(--border-color);background-color:#050a12e6;margin-top:auto;padding:60px 0}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:60px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:40px}}.footer-brand p{color:var(--text-secondary);margin-top:12px;font-size:13px}.footer-brand .copyright{color:var(--text-tertiary);margin-top:24px;font-size:11px}.footer-links h4,.footer-guarantees h4{text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:14px}.footer-links ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:var(--transition-smooth);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--accent-teal)}.footer-guarantees p{font-size:13px;line-height:1.6}