#main-header{width:100%;min-width:0}@media (max-width: 1024px){#main-header{border-radius:0 0 18px 18px;height:64px!important}#main-header>div{height:64px!important;padding:0 8px!important}#main-header nav{height:64px!important}#main-header .logo-text{font-size:1.3rem!important}#main-header .desktop-nav,#main-header .auth-buttons{display:none!important}.burger{display:flex!important}}@media (min-width: 1025px){.burger{display:none!important}}@media (max-width: 768px){#main-header{border-radius:0 0 12px 12px;height:56px!important}#main-header>div{height:56px!important;padding:0 4vw!important}#main-header nav{height:56px!important}#main-header .logo-text{font-size:1.1rem!important}#main-header .logo-icon{width:32px!important;height:32px!important;min-width:32px!important}#main-header .avatar{width:26px!important;height:26px!important;font-size:13px!important}#main-header .desktop-nav{display:none!important}#main-header .burger{display:flex!important}}@media (max-width: 480px){#main-header{height:48px!important;border-radius:0 0 8px 8px}#main-header>div{height:48px!important;padding:0 2vw!important}#main-header nav{height:48px!important}#main-header .logo-text{font-size:.95rem!important}#main-header .logo-icon{width:24px!important;height:24px!important;min-width:24px!important}#main-header .avatar{width:20px!important;height:20px!important;font-size:10px!important}}.burger{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;margin-left:8px;z-index:120}.burger span{display:block;width:24px;height:3px;background:#1f2937;margin:3px 0;border-radius:2px;transition:all .3s}@media (max-width: 768px){.mobile-menu{display:block!important;position:absolute;top:56px;left:0;width:100vw;background:white;box-shadow:0 4px 16px #0000001a;z-index:110;padding:18px 0 10px;border-radius:0 0 12px 12px}}@media (max-width: 480px){.mobile-menu{top:48px;border-radius:0 0 8px 8px;padding:12px 0 6px}}.mobile-menu,.burger{display:none}#main-header .desktop-nav,#main-header .auth-buttons{gap:12px!important}#main-header .auth-buttons button{padding:6px 10px!important;font-size:.9rem!important;min-width:60px!important}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(30,32,38,.32);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:109;transition:opacity .25s;opacity:1}.mobile-menu-overlay.hide{opacity:0;pointer-events:none}.mobile-menu{animation:slideDownMenu .28s cubic-bezier(.4,1.4,.6,1) both;box-shadow:0 8px 32px #2c3e5021}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:none}}.mobile-menu a,.mobile-menu button{display:block;width:90vw;max-width:420px;margin:0 auto 10px;padding:18px 0 14px;font-size:1.25rem;font-weight:800;color:#374151;background:none;border:none;border-radius:12px;text-align:center;letter-spacing:.02em;transition:background .18s,color .18s,box-shadow .18s;box-shadow:none}.mobile-menu a:hover,.mobile-menu button:hover{background:#f0f4f8;color:#00d4cc}.mobile-menu button{font-size:1.1rem;font-weight:700;border-radius:14px;margin-bottom:12px;box-shadow:0 2px 12px #00000012}.mobile-menu button:last-child{background:#1f2937;color:#fff;font-weight:900;letter-spacing:.04em;margin-bottom:0}.mobile-menu button:last-child:hover{background:#00d4cc;color:#fff}.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;cursor:pointer;margin-left:8px;z-index:120;background:none;border:none;transition:background .2s}.burger.open{background:#f0f4f8;border-radius:50%}.burger span{display:block;width:26px;height:3px;background:#1f2937;margin:3.5px 0;border-radius:2px;transition:all .32s cubic-bezier(.4,1.4,.6,1)}.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0;transform:scaleX(.5)}.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}body.no-scroll{overflow:hidden!important;touch-action:none}.mobile-menu{background:#fff!important;min-height:100vh;width:100vw;border-radius:0 0 12px 12px;box-shadow:0 8px 32px #2c3e5021;position:absolute;left:0;top:56px;z-index:110;padding:18px 0 10px;display:block!important;animation:slideDownMenu .28s cubic-bezier(.4,1.4,.6,1) both}@media (max-width: 480px){.mobile-menu{top:48px;border-radius:0 0 8px 8px;padding:12px 0 6px;min-height:calc(100vh - 48px)}}.logout-mobile-btn:hover{color:#374151!important;background:#f3f4f6!important}footer{background-color:var(--dark);color:#fff;padding:64px 0 32px;border-top:3px solid #000;position:relative}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0V0zm10 17v-3h3v-4h-3V7h7v10h-7zm-7-7h3v-3h4v3h3v4h-3v3H6v-3H3v-4z'/%3E%3C/g%3E%3C/svg%3E");z-index:0}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .6s ease}.footer-content.visible{opacity:1;transform:translateY(0)}.footer-logo{font-family:Outfit,sans-serif;font-size:24px;font-weight:600;color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.footer-logo:hover{transform:translate(5px)}.footer-logo-icon{background-color:#fff;color:var(--primary);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px #0003;border:2px solid rgba(0,0,0,.2)}.footer-description{color:#ffffffb3;font-size:16px;line-height:1.6;margin-bottom:20px}.footer-contact{color:#ffffffe6;font-size:18px;margin-top:20px}.footer-contact a{color:var(--primary);text-decoration:none;font-weight:700}.footer-contact a:hover{text-decoration:underline}.footer-bottom{border-top:2px solid rgba(255,255,255,.1);padding-top:32px;text-align:center;color:#ffffffb3;margin-top:48px;position:relative;z-index:1}@media (max-width: 992px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}}.custom-solution{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e0e7ef 100%);display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden;width:100vw;left:50%;margin-left:-50vw;box-sizing:border-box}.custom-solution-card{background:white;border-radius:22px;box-shadow:0 8px 32px #2c3e5021,0 1.5px 6px #2c3e500a;padding:48px 40px;max-width:540px;width:100%;text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px}.custom-solution-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;color:var(--primary);margin-bottom:12px;letter-spacing:-.5px;text-transform:uppercase}.custom-solution-desc{color:var(--text-primary);font-size:18px;margin-bottom:24px;font-weight:600}.custom-solution-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;padding:14px 36px;cursor:pointer;transition:all .3s;text-transform:uppercase;box-shadow:0 4px 16px #ff57571f;letter-spacing:.5px}.custom-solution-btn:hover{background:var(--primary-dark);transform:translateY(-2px) scale(1.03);box-shadow:0 8px 32px #ff57572e}@media (max-width: 768px){.custom-solution{padding:40px 0;width:100vw;margin-left:0;left:0}.custom-solution-card{padding:28px 12px;max-width:98vw}.custom-solution-title{font-size:22px}.custom-solution-desc{font-size:15px}.custom-solution-btn{font-size:15px;padding:10px 18px}}.contact-info{text-align:center;margin:40px auto 0;padding:30px;background-color:#fffffffa;border-radius:15px;box-shadow:0 4px 32px #2c3e501a;border:1.5px solid #f3f4f6;width:100%;position:relative;z-index:2}.contact-info h3{font-family:Outfit,sans-serif;font-size:28px;color:var(--primary);margin-bottom:15px;font-weight:800;letter-spacing:-.5px;text-transform:uppercase}.contact-info a{color:var(--primary);font-weight:700;text-decoration:none;transition:color .2s}.contact-info a:hover{text-decoration:underline;color:var(--primary-dark)}.contact-info p{color:var(--text-primary);font-size:16px;margin-bottom:10px;font-weight:600}#root,.app-container{width:100%;min-height:100vh;margin:0;padding:0;background:inherit}.app-main{width:100%;min-height:100vh;background:inherit}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem;text-align:center;background:inherit}.suggestion-links{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.suggestion-links a,.suggestion-links button{padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.suggestion-links a:hover,.suggestion-links button:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 900px){.contact-info{margin-left:0;margin-right:0}}.ai-facts{padding:80px 0;background:linear-gradient(to bottom,var(--surface) 0%,var(--light) 100%);position:relative}.facts-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:25px;margin-top:40px;padding-bottom:20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary) var(--gray-light);opacity:0;transform:translateY(30px);transition:all .6s ease}.facts-grid.visible{opacity:1;transform:translateY(0)}.facts-grid::-webkit-scrollbar{height:8px}.facts-grid::-webkit-scrollbar-track{background:var(--gray-light);border-radius:10px}.facts-grid::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px}.fact-card{background:linear-gradient(135deg,rgba(255,255,255,.72) 60%,rgba(240,250,255,.55) 100%);border-radius:22px;padding:28px;box-shadow:0 8px 32px #2c3e5021,0 1.5px 6px #2c3e500a;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);transition:box-shadow .35s,transform .35s,backdrop-filter .35s;display:flex;flex-direction:column;min-width:320px;max-width:380px;flex:0 0 auto;height:100%;opacity:0;transform:translateY(20px);transition:all .4s ease}.fact-card.visible{opacity:1;transform:translateY(0)}.fact-card:hover{transform:translateY(-7px);box-shadow:0 16px 48px #2c3e5029,0 2px 8px #2c3e5012;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}.fact-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;margin-bottom:12px;color:var(--primary);position:relative;padding-left:28px}.fact-title:before{content:"🧠";position:absolute;left:0;top:2px;font-size:20px}.fact-card:nth-of-type(2n) .fact-title:before{content:"⚡"}.fact-card:nth-of-type(3n) .fact-title:before{content:"🔍"}.fact-content{font-size:14px;line-height:1.6;color:var(--text-primary)}.fact-source{font-size:12px;font-style:italic;color:var(--text-secondary);margin-top:auto;padding-top:10px}@media (max-width: 768px){.ai-facts{padding:60px 0}.fact-card{min-width:280px;max-width:320px}}@media (max-width: 480px){.fact-card{min-width:260px;max-width:300px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .3s;overflow-y:auto}.modal.active{display:block}.modal-content{background-color:#fff;margin:5% auto;padding:40px;border:1px solid #e0e0e0;width:90%;max-width:500px;border-radius:15px;box-shadow:0 20px 60px #0000004d,0 8px 20px #00000026;animation:slideIn .3s;position:relative}.close-modal{position:absolute;right:20px;top:20px;font-size:30px;font-weight:700;cursor:pointer;color:var(--gray);transition:color .3s}.close-modal:hover{color:var(--primary)}.form-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:var(--primary);margin-bottom:10px;text-align:center;text-transform:uppercase}.form-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:30px;font-size:16px}.form-input{width:100%;padding:14px;margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;background-color:#fff;transition:all .3s;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:none}.form-control.error{border-color:var(--primary)}.error-message{color:var(--primary);font-size:10px;margin-top:2px;display:none}.error-message.show{display:block}.form-button{width:100%;padding:14px;background-color:#ff5757!important;color:#fff!important;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px;display:block!important;visibility:visible!important;opacity:1!important}.form-button:hover{transform:none;box-shadow:none;opacity:.9!important;background-color:#f33!important}.form-button:disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.7!important}.google-login{background-color:#fff;color:#333;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.google-login:hover{background-color:#f8f8f8}.google-icon{width:20px;height:20px}.divider{display:flex;align-items:center;margin:20px 0;color:var(--gray)}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--gray-light)}.divider span{padding:0 15px;font-size:14px;font-weight:500}.form-link{text-align:center;color:var(--text-secondary);font-size:14px}.form-link a{color:var(--primary);text-decoration:none;font-weight:600}.form-link a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.modal-content{padding:30px;width:95%;margin:10% auto}.form-title{font-size:24px}.form-input{padding:12px;font-size:14px}.form-button{padding:12px;font-size:16px}}@media (max-width: 480px){.modal-content{padding:20px;margin:15% auto}}.prompt-builder{padding:40px 0 80px;background-color:var(--surface);position:relative}:root{--border-width: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 10px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--transition-default: all .3s;--shadow-default: 1px 1px 0 rgba(0,0,0,.1);--shadow-hover: 2px 2px 0 rgba(0,0,0,.2);--shadow-heavy: 4px 4px 0 rgba(0,0,0,.3);--light: #ffffff;--dark: #333333;--primary: #ff5252;--text-primary: #333333;--text-secondary: #777777;--gray-light: #f0f0f0;--gray: #999999;--secondary: #00bcd4;--secondary-dark: #0097a7}.overflow-container{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f1f1f1}.overflow-container::-webkit-scrollbar{width:6px}.overflow-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.overflow-container::-webkit-scrollbar-thumb{background:#c0c0c0;border-radius:3px;transition:background .2s}.overflow-container::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.text-strikethrough{text-decoration:line-through;opacity:.6}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.prompt-builder{width:100%;min-height:100vh;height:100vh;max-height:100vh;margin:0 auto;padding:clamp(20px,3vw,60px) clamp(10px,2vw,20px) clamp(15px,2vw,30px);display:flex;align-items:stretch;overflow:hidden;position:relative;box-sizing:border-box;scroll-behavior:smooth}html body .prompt-builder{height:100vh!important;min-height:100vh!important;max-height:100vh!important;padding:clamp(8px,1.5vw,20px) clamp(8px,1.2vw,15px) clamp(8px,1.2vw,15px)!important;overflow:hidden!important;margin-top:0!important;margin-bottom:0!important;position:relative!important;top:0!important;box-sizing:border-box!important}html body .builder-layout{height:100%!important;overflow:hidden!important}html body .buttons-container{bottom:0!important;padding:12px 16px!important;background-color:#f8f9fa!important;border:none!important;border-radius:0!important}html body .builder-form{padding:clamp(2px,.4vw,4px)!important;overflow:hidden!important;height:100%!important}html body,html body #root{overflow-x:hidden!important}@media (min-width: 1025px){html body section.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:100vh!important;min-height:100vh!important;max-height:100vh!important;padding:clamp(8px,1.5vw,20px) clamp(8px,1.2vw,15px) clamp(8px,1.2vw,15px)!important;overflow:hidden!important;margin:0 auto!important;position:relative!important;top:0!important;box-sizing:border-box!important}html body .builder-container.builder-container-fixed{height:100%!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;overflow:hidden!important;box-sizing:border-box!important}}@media (max-width: 1024px){html body section.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:auto!important;min-height:100vh!important;max-height:none!important;padding:clamp(8px,1.5vw,20px) clamp(8px,1.2vw,15px) clamp(8px,1.2vw,15px)!important;overflow:visible!important;margin:0 auto!important;position:relative!important;top:0!important;box-sizing:border-box!important}html body .builder-container.builder-container-fixed{height:auto!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;overflow:visible!important;box-sizing:border-box!important}}section.prompt-builder,.prompt-builder-section{padding-top:94px!important;margin-top:0!important;position:relative!important}body .prompt-builder,html body .prompt-builder{padding-top:94px!important}.builder-container.visible{opacity:1;transform:translateY(0)}.form-group label{font-size:.85rem!important;font-weight:600!important}@media (max-width: 1024px) and (min-width: 769px){.prompt-builder{height:calc(100vh - 120px)!important;min-height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;padding:clamp(15px,3vw,60px) clamp(8px,2vw,16px) clamp(15px,3vw,30px) clamp(8px,2vw,16px)!important;overflow:hidden!important}.builder-layout{grid-template-columns:1.5fr 1fr;gap:clamp(8px,2vw,16px);height:100%!important;overflow:hidden!important}.buttons-container{bottom:0!important;padding:6px 16px!important;background-color:#f8f9fa!important;border:none!important;border-radius:0!important}.parameter-chip{padding:clamp(4px,1.2vw,8px) clamp(6px,1.8vw,12px)!important;font-size:clamp(10px,1.5vw,14px)!important;height:auto!important;min-height:clamp(20px,3vw,32px)!important;border-radius:clamp(10px,2vw,18px)!important;line-height:1.2!important}.parameter-chip .chip-text{font-size:clamp(10px,1.5vw,14px)!important;line-height:1.2!important}.parameter-chips{gap:clamp(4px,1vw,8px)!important}.form-grid-2{grid-template-columns:1fr!important;gap:clamp(6px,1.5vw,12px)!important}.form-section{overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:clamp(10px,2vw,20px)!important;max-height:none!important}.builder-form{overflow:hidden!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:clamp(8px,1.5vw,16px)!important}.form-group{margin-bottom:clamp(4px,1vw,8px)!important}label{margin-bottom:clamp(2px,.5vw,4px)!important}html body section.prompt-builder-section .form-section#step-1 h2,html body .form-section#step-1 h2,.form-section#step-1 h2{font-size:18px!important;margin-bottom:14px!important}html body section.prompt-builder-section .form-section#step-1 label,html body .form-section#step-1 label,.form-section#step-1 label{font-size:13px!important;margin-bottom:8px!important;font-weight:600!important}}@media (min-width: 1025px) and (max-width: 1199px){html body .prompt-builder{height:calc(100vh - 160px)!important;min-height:calc(100vh - 160px)!important;max-height:calc(100vh - 160px)!important;padding:clamp(8px,2vw,30px) clamp(8px,1.5vw,18px) clamp(8px,1.5vw,20px)!important;overflow:hidden!important}html body .builder-layout{height:100%!important;overflow:hidden!important}html body .buttons-container{bottom:clamp(4px,.8vw,8px)!important;padding:clamp(2px,.6vw,6px) clamp(6px,1.2vw,12px)!important}html body .builder-form{padding:clamp(4px,1vw,10px)!important;overflow:hidden!important;height:100%!important}}@media (min-width: 1200px){html body .prompt-builder{height:calc(100vh - 180px)!important;min-height:calc(100vh - 180px)!important;max-height:calc(100vh - 180px)!important;padding:clamp(8px,1.5vw,25px) clamp(8px,1.2vw,15px) clamp(6px,1.2vw,15px)!important}html body .buttons-container{bottom:0!important;padding:12px 16px!important;background-color:#f8f9fa!important;border-top:1px solid #e9ecef!important}html body .builder-form{padding:clamp(4px,.8vw,8px)!important}}.builder-layout{display:grid;grid-template-columns:2fr 1fr;gap:clamp(12px,2vw,24px);height:100%;width:100%;max-width:1400px;margin:0 auto;overflow:hidden}@media (max-width: 768px){.prompt-builder{height:calc(100vh - 81px)!important;min-height:calc(100vh - 81px)!important;max-height:calc(100vh - 81px)!important;margin:0 auto;padding:clamp(60px,10vw,81px) clamp(10px,3vw,15px) clamp(15px,3vw,25px) clamp(10px,3vw,15px)!important;overflow:hidden!important;scrollbar-width:thin;scrollbar-color:#ff5252 #f1f1f1}.prompt-builder::-webkit-scrollbar{width:8px}.prompt-builder::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.prompt-builder::-webkit-scrollbar-thumb{background:#ff5252;border-radius:4px;transition:background .2s}.prompt-builder::-webkit-scrollbar-thumb:hover{background:#ff3030}.builder-layout{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:clamp(6px,1.5vw,8px)!important;height:100%!important;overflow:hidden!important;padding-bottom:0!important}.prompt-console{display:flex!important;min-height:300px;max-height:400px}.builder-form{height:auto;min-height:400px;max-height:none;overflow:visible}.form-progress{padding:4px 6px!important;margin-bottom:8px!important}.progress-step-number{width:20px!important;height:20px!important;font-size:10px!important}.progress-step-label{font-size:8px!important}.builder-form{padding:10px!important}.form-section{height:auto!important;min-height:200px;max-height:none!important;overflow:visible!important}.buttons-container{padding:8px 16px!important;gap:8px!important;position:sticky!important;bottom:0!important;margin-top:auto!important;background-color:#f8f9fa!important;border:none!important;border-radius:0!important}.btn-next,.btn-back,.btn-generate{height:28px!important;padding:4px 10px!important;min-height:28px!important;line-height:1!important;font-size:12px!important}}@media (max-width: 600px){.prompt-builder{height:calc(100vh - 68px)!important;min-height:calc(100vh - 68px)!important;max-height:calc(100vh - 68px)!important;margin:0 auto;padding:clamp(50px,8vw,68px) clamp(8px,2vw,10px) clamp(15px,3vw,25px) clamp(8px,2vw,10px)!important;overflow:hidden!important;scrollbar-width:thin;scrollbar-color:#ff5252 #f1f1f1}.prompt-builder::-webkit-scrollbar{width:10px}.prompt-builder::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.prompt-builder::-webkit-scrollbar-thumb{background:#ff5252;border-radius:5px;border:1px solid #fff;transition:background .2s}.prompt-builder::-webkit-scrollbar-thumb:hover{background:#ff3030}.builder-layout{min-height:calc(100vh + 32px);padding-bottom:clamp(40px,6vw,80px)}.prompt-console{display:flex!important;visibility:visible!important;opacity:1!important;min-height:250px!important;max-height:350px!important;padding:16px 12px 12px;margin-top:4px!important;width:100%!important}.builder-form{padding:8px!important;min-height:350px;height:auto!important;max-height:none!important;overflow:visible!important}.builder-layout{grid-template-rows:auto auto!important;gap:6px!important;height:auto!important;min-height:calc(100vh + 32px)!important}.form-section{padding:6px 0!important;min-height:180px!important;height:auto!important;max-height:none!important;overflow:visible!important}.section-title{margin-bottom:20px!important}}@media (max-width: 768px){html,body{overflow-x:hidden!important;height:auto!important;min-height:100vh!important}#root{height:auto!important;min-height:100vh!important}.app-container,main{height:auto!important;min-height:100vh!important}.prompt-console{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;min-height:300px!important;max-height:400px!important;width:100%!important;margin-top:4px!important}.builder-layout .prompt-console,.builder-form-full~.prompt-console,.builder-form-full+.prompt-console,[class*=builder] .prompt-console{display:flex!important;visibility:visible!important;opacity:1!important}.builder-layout:has(.builder-form-full) .prompt-console{display:flex!important;visibility:visible!important;opacity:1!important}}.builder-form{background-color:var(--light);padding:var(--spacing-sm);border-radius:16px;border:1.5px solid #e0e0e0;box-shadow:0 2px 16px #00000012;transition:var(--transition-default);position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;box-sizing:border-box}.builder-form:hover{transform:none!important;box-shadow:0 2px 16px #00000012!important}.form-progress{background:var(--light);padding:var(--spacing-sm);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);box-shadow:0 1px 3px #0000001a;flex-shrink:0;position:sticky;top:0;z-index:10}.progress-steps{display:flex;justify-content:space-between;gap:3px}.progress-step{flex:1;text-align:center;cursor:pointer;transition:var(--transition-default);padding:3px}.progress-step-number{width:24px;height:24px;background-color:var(--gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-weight:700;color:var(--gray);font-size:11px;border:2px solid transparent;transition:var(--transition-default)}.progress-step-label{font-size:9px;color:var(--gray);font-weight:600}.progress-step.active .progress-step-number{background-color:#ff5757;color:#fff;border-color:#ff5757}.progress-step.completed .progress-step-number{background-color:#00d4cc;color:#fff;border-color:#00d4cc}.progress-step.active .progress-step-label,.progress-step.completed .progress-step-label{color:var(--text-primary)}.form-section{flex:1 1 auto;display:none;padding:6px 0 20px;overflow-y:auto;overflow-x:hidden;margin-bottom:0;height:auto;min-height:0;position:relative}.form-section.active{display:flex;flex-direction:column;min-height:300px}.form-section.purpose-section{padding:4px 0}.form-section.purpose-section.active{flex:1;display:flex;flex-direction:column}.form-section.purpose-section .purpose-grid-techniques{flex:1;min-height:0}.form-group{margin-bottom:15px}.form-group label{display:block;font-family:Outfit,sans-serif;font-weight:600;margin-bottom:5px;color:var(--dark);font-size:clamp(10px,1.8vw,14px);letter-spacing:.2px;text-transform:uppercase}.form-group label .required{color:var(--primary)}.form-control,.form-control-compact{width:100%;border:1px solid #e0e0e0;border-radius:var(--border-radius-sm);background-color:var(--light)!important;color:var(--text-primary);transition:var(--transition-default);font-family:inherit;box-shadow:none}.form-control{padding:var(--spacing-md) 10px;font-size:clamp(12px,2vw,16px)}.form-control-compact{padding:var(--spacing-sm) 10px;font-size:clamp(10px,1.8vw,14px);height:clamp(28px,4vw,36px)}.form-control:focus,.form-control-compact:focus{outline:none;border-color:var(--primary);background-color:var(--light)}.form-control:hover,.form-control-compact:hover{border-color:#d0d0d0}textarea.form-control{min-height:60px;resize:vertical}select.form-control,.form-section select.form-control,body select.form-control{height:clamp(28px,4vw,36px)!important;padding:4px 24px 4px 8px!important;border:1px solid #e0e0e0!important;background-color:var(--light)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:clamp(10px,2vw,12px)!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;font-size:clamp(9px,1.2vw,11px)!important}select.form-control:hover{border-color:#d0d0d0}select.form-control:focus{border-color:var(--primary);background-color:var(--light)}.interface-mode{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--spacing-lg)}.mode-tab{background:var(--light);border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;height:32px;text-align:center;box-shadow:0 1px 3px #0000000d}.mode-tab:hover{border-color:#ccc;box-shadow:0 2px 6px #0000001a}.mode-tab.active{background:var(--light);border:2px solid var(--primary);padding:15px 19px}.model-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:var(--spacing-lg);align-content:start}.model-tab{background:var(--light);border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;padding:6px 12px;display:flex;flex-direction:column;align-items:center;gap:0px;height:48px;box-shadow:0 1px 3px #0000000d}.model-tab:hover{border-color:#ccc;box-shadow:0 2px 6px #0000001a}.model-tab.active{background:var(--light);border:2px solid var(--primary)}.model-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;width:20px;height:10px;margin-bottom:2px}.mode-content h5{font-size:clamp(12px,2vw,16px);font-weight:600;color:var(--text-primary);margin:0}.model-content{text-align:center}.model-content h5{font-size:clamp(10px,1.8vw,14px);font-weight:700;color:var(--text-primary);margin:0 0 4px}.model-content p{font-size:clamp(7px,1.2vw,10px);color:var(--text-secondary);margin:0;line-height:1}.parameter-group{margin-top:1rem}.parameter-group h4{font-size:clamp(14px,2.2vw,18px);font-weight:600;margin-bottom:12px;color:var(--text-primary)}.parameter-chips{display:flex;flex-wrap:wrap;gap:10px}.parameter-chip{position:relative;padding:10px 16px;background:var(--light);border:1px solid #e0e0e0;border-radius:24px;cursor:pointer;transition:all .2s;overflow:hidden}.parameter-chip:hover{border-color:#ccc;box-shadow:0 2px 8px #0000001a}.parameter-chip.active{background:var(--light);border-color:var(--primary)}.chip-gradient{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s;pointer-events:none}.parameter-chip.active .chip-gradient{opacity:0}.gradient-cyan{background:linear-gradient(135deg,#00bcd4 0%,#26c6da 100%)}.gradient-red{background:linear-gradient(135deg,#ff5757 0%,#ff3333 100%)}.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:600px!important;min-height:600px!important;max-height:600px!important;overflow:hidden!important}.prompt-builder.prompt-builder-fixed.prompt-builder-section .builder-layout{height:100%!important}.prompt-builder.prompt-builder-fixed.prompt-builder-section .builder-form{height:100%!important;display:flex!important;flex-direction:column!important}.prompt-builder.prompt-builder-fixed.prompt-builder-section .form-content{flex:1!important;overflow-y:auto!important;min-height:0!important}@media (max-width: 1024px){.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:500px!important;min-height:500px!important;max-height:500px!important}}@media (max-width: 768px){.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:450px!important;min-height:450px!important;max-height:450px!important}}@media (max-width: 480px){.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:400px!important;min-height:400px!important;max-height:400px!important}}.parameter-chips .parameter-chip{position:relative!important;padding:10px 16px!important;background:#ffffff!important;border:1px solid #e0e0e0!important;border-radius:24px!important;cursor:pointer!important;transition:all .2s!important;overflow:hidden!important}.parameter-chips .parameter-chip:hover{border-color:#ccc!important;box-shadow:0 2px 8px #0000001a!important}.parameter-chips .parameter-chip.active{background:#ffffff!important;border:2px solid #ff5757!important}.parameter-chips .parameter-chip .chip-gradient{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;transition:opacity .3s!important;pointer-events:none!important}.parameter-chips .parameter-chip .chip-text{position:relative!important;font-size:14px!important;font-weight:500!important;color:#2c3e50!important;z-index:1!important}.parameter-chips .parameter-chip.active .chip-text{color:#ff5757!important;font-weight:600!important}.chip-text{position:relative;font-size:clamp(12px,2vw,16px);font-weight:500;color:var(--text-primary);z-index:1}.parameter-chip.active .chip-text{color:var(--primary)}.settings-card{background-color:var(--light);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);box-shadow:0 1px 2px #0000000d;border:1px solid #f0f0f0;transition:var(--transition-default)}.settings-card:hover{border-color:var(--primary);box-shadow:0 1px 3px #00000014}.settings-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.settings-card-header h4{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:var(--text-primary);margin:0;text-transform:none}.settings-card-header p{color:var(--text-secondary);margin:1px 0 0;font-size:9px}.settings-card .parameter-slider,.settings-section .parameter-slider{background:#e0e0e0}.settings-card .parameter-slider:before,.settings-section .parameter-slider:before{background:linear-gradient(90deg,#ff5252 0%,#ff8a80 100%)}.techniques-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.technique-card{background-color:var(--light)!important;border:1px solid #e0e0e0;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-default);position:relative;padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);min-height:45px}.technique-card:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0000001a}.technique-card.active{background-color:var(--light)!important;border-color:var(--primary)}.technique-icon{display:flex;align-items:center;justify-content:center;background-color:var(--light);flex-shrink:0;font-size:16px;width:24px;height:24px;border-radius:var(--border-radius-sm)}.technique-content h5{font-size:10px;margin-bottom:1px;color:var(--text-primary)}.technique-content p{font-size:8px;color:var(--text-secondary)}.parameter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.parameter-item{background-color:var(--light)!important;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid #e0e0e0}.parameter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;font-weight:600;font-size:9px;color:var(--text-primary)}.parameter-value{background-color:var(--primary);color:var(--light);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:32px;text-align:center;line-height:18px;display:inline-block}.parameter-item .parameter-slider{background:#e0e0e0;position:relative;margin:15px 0}.parameter-item .parameter-slider::-moz-range-progress{background:linear-gradient(90deg,#ff5252 0%,#ff8a80 100%);height:6px;border-radius:3px}.parameter-item .parameter-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px}.parameter-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;transition:var(--transition-default);position:relative;cursor:pointer;accent-color:#ff5252;margin:15px 0}.parameter-slider:before{content:"";position:absolute;height:100%;border-radius:3px;background:linear-gradient(90deg,#ff5252 0%,#ff8a80 100%);width:var(--value, 50%);pointer-events:none;transition:width .2s ease;top:0;left:0}.parameter-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#ff5252 0%,#ff8a80 var(--value, 50%),#e0e0e0 var(--value, 50%),#e0e0e0 100%);height:6px;border-radius:3px}.parameter-slider::-moz-range-progress{background:linear-gradient(90deg,#ff5252 0%,#ff8a80 100%);height:6px;border-radius:3px;border:none}.parameter-slider::-moz-range-track{background:#e0e0e0;height:6px;border-radius:3px;border:none}.parameter-slider::-ms-fill-lower{background:linear-gradient(90deg,#ff5252 0%,#ff8a80 100%);height:6px;border-radius:3px}.parameter-slider::-ms-fill-upper{background:#e0e0e0;height:6px;border-radius:3px}.parameter-slider::-ms-track{height:6px;border-radius:3px;background:transparent;border-color:transparent;color:transparent}.parameter-slider{background-image:linear-gradient(to right,#ff5252 0%,#ff8a80 var(--value, 50%),transparent var(--value, 50%),transparent 100%);background-size:100% 100%;background-repeat:no-repeat}.parameter-slider:hover{background-color:#d0d0d0}.parameters-section .parameter-slider,.parameter-grid .parameter-slider,.parameter-item .parameter-slider{background:linear-gradient(to right,#ff5252 0%,#ff8a80 var(--value, 50%),transparent var(--value, 50%)) no-repeat,#e0e0e0}.parameters-section .parameter-slider:before,.parameter-grid .parameter-slider:before,.parameter-item .parameter-slider:before{background:linear-gradient(90deg,#ff5252 0%,#ff8a80 100%)!important;opacity:1!important}.parameters-section .parameter-slider::-moz-range-progress,.parameter-grid .parameter-slider::-moz-range-progress,.parameter-item .parameter-slider::-moz-range-progress{background:linear-gradient(90deg,#ff5252 0%,#ff8a80 100%)!important}.parameters-section .parameter-slider::-webkit-slider-runnable-track,.parameter-grid .parameter-slider::-webkit-slider-runnable-track,.parameter-item .parameter-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#ff5252 0%,#ff8a80 var(--value, 50%),#e0e0e0 var(--value, 50%),#e0e0e0 100%)!important}.parameter-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--light);cursor:pointer;border:2px solid var(--primary);box-shadow:0 2px 6px #00000026,inset 0 -1px 1px #0000000d;transition:all .2s ease;position:relative;z-index:2;margin-top:-6px!important}.parameter-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--light);cursor:pointer;box-shadow:0 2px 6px #00000026,inset 0 -1px 1px #0000000d;transition:all .2s ease;position:relative;z-index:2;margin-top:-6px!important;border:0;border:2px solid var(--primary)}.parameters-section .parameter-slider::-webkit-slider-thumb,.parameters-section .parameter-slider::-moz-range-thumb{border-color:#ff5252;background:#fff;margin-top:-6px!important}.parameters-section .parameter-slider::-webkit-slider-thumb:hover,.parameters-section .parameter-slider::-moz-range-thumb:hover{box-shadow:0 3px 8px #ff525266;background:#fff5f5;margin-top:-6px!important;transform:none!important}.parameter-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #ff52524d;margin-top:-6px!important;transform:none!important}.parameter-slider::-moz-range-thumb:hover{box-shadow:0 3px 8px #ff52524d;margin-top:-6px!important;transform:none!important}.parameter-slider::-webkit-slider-thumb:active{background:#ffebee;border-color:#ff5252;margin-top:-6px!important;transform:none!important}.parameter-slider::-moz-range-thumb:active{background:#ffebee;border-color:#ff5252;margin-top:-6px!important;transform:none!important}.parameters-section .parameter-slider::-webkit-slider-thumb:active,.parameters-section .parameter-slider::-moz-range-thumb:active{background:#ff5252;border-color:#ff5252;margin-top:-6px!important;transform:none!important}.parameter-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #ff52521a,0 2px 6px #00000026;margin-top:-6px!important}.parameter-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #ff52521a,0 2px 6px #00000026;margin-top:-6px!important}.parameter-slider::-ms-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #ff5252;box-shadow:0 2px 6px #00000026;margin-top:-6px!important}.parameter-description{font-size:7px;color:var(--text-secondary);margin-top:2px;line-height:1.2}.param-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.param-row:last-child{margin-bottom:0}.param-group{flex:1}.param-group label{display:block;font-family:Outfit,sans-serif;font-weight:600;margin-bottom:3px;color:var(--dark);font-size:clamp(9px,1.5vw,12px);letter-spacing:.2px;text-transform:uppercase}.param-group label .required{color:var(--primary)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.additional-params{background-color:var(--light)!important;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-top:var(--spacing-md)}.additional-params .form-grid-3{gap:var(--spacing-sm)}.additional-params .form-group{margin-bottom:var(--spacing-xs)}.additional-params .form-control{height:24px;font-size:11px;padding:3px var(--spacing-sm)}.variable-help{background-color:#ff3a5e0d;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);margin-top:var(--spacing-xs);font-size:9px;color:var(--primary);display:flex;align-items:center;gap:var(--spacing-xs)}.variable-pills{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs)}.variable-pill{padding:2px var(--spacing-sm);background-color:#ff3a5e1a;border:1px solid var(--primary);border-radius:12px;font-size:9px;color:var(--primary);cursor:pointer;transition:var(--transition-default)}.variable-pill:hover{background-color:var(--primary);color:var(--light)}.result-section{background:linear-gradient(135deg,#ff5252 0%,#ff8a80 100%);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-heavy);overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:var(--spacing-md);border-bottom:2px solid rgba(255,255,255,.2);flex-shrink:0}.result-header h3{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--light);letter-spacing:0;text-transform:uppercase;margin:0}.result-actions{display:flex;gap:var(--spacing-sm)}.action-button{background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);color:var(--light);width:26px;height:26px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-default);font-size:12px;box-shadow:var(--shadow-default)}.action-button:hover{background-color:#ffffff40;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.prompt-output{font-family:monospace;white-space:pre-wrap;line-height:1.5;color:#ffffffe6;font-size:12px;background-color:#0000004d;padding:var(--spacing-lg);border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.1);flex:1 1 auto;min-height:100px;overflow:auto}.prompt-output.editable{outline:none;cursor:text;-webkit-user-select:text;user-select:text}.prompt-output.editable:focus{background-color:#0006}.prompt-token{color:var(--primary);font-weight:700}.gpt-token{color:var(--gpt-color);font-weight:700}.claude-token{color:var(--claude-color);font-weight:700}.llama-token{color:var(--llama-color);font-weight:700}.gemini-token{color:var(--gemini-color);font-weight:700}.mistral-token{color:var(--mistral-color);font-weight:700}.cursor{display:inline-block;width:6px;height:14px;background-color:var(--primary);animation:blink 1s infinite;margin-left:2px;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.info-tooltip{display:inline-block;margin-left:3px;width:12px;height:12px;border-radius:50%;background-color:var(--primary);color:var(--light);text-align:center;font-size:9px;line-height:12px;cursor:help;position:relative}.info-tooltip:hover:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--dark);color:var(--light);padding:6px 10px;border-radius:var(--border-radius-sm);font-size:10px;white-space:normal;max-width:200px;min-width:100px;z-index:1000;margin-top:5px;box-shadow:0 2px 8px #0003;pointer-events:none;line-height:1.3;text-align:center}@media (max-width: 768px){.info-tooltip:hover:after{max-width:150px;font-size:9px;padding:5px 8px;left:auto;right:0;transform:none}}.custom-input{display:none;width:100%;padding:var(--spacing-sm) 10px;border:1px solid #e0e0e0;border-radius:var(--border-radius-sm);background-color:var(--light)!important;color:var(--text-primary);font-size:12px;margin-top:var(--spacing-md);transition:var(--transition-default);font-family:inherit;box-shadow:none}.custom-input:focus{outline:none;border-color:var(--primary);background-color:var(--light)}.custom-input:hover{border-color:#d0d0d0}.custom-input.show{display:block}.buttons-container{flex-shrink:0;display:flex;gap:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md);margin-top:auto;background-color:#f8f9fa;border-top:1px solid #e9ecef;position:relative;z-index:10}.buttons-container:after{content:"";position:absolute;top:100%;left:0;right:0;height:50px;background-color:#f8f9fa;z-index:-1}.section-title h2{font-size:clamp(16px,3vw,24px);font-weight:600;margin-bottom:8px;color:var(--text-primary)}.section-title p{font-size:clamp(11px,2vw,14px);color:var(--text-secondary);margin:0}.details-section,.context-section,.advanced-section{display:flex;flex-direction:column;height:100%}.details-content,.context-content,.advanced-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:8px;padding-bottom:20px}.form-section textarea.form-control{min-height:100px;flex:1;resize:vertical}.textarea-group{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.textarea-group .form-group{display:flex;flex-direction:column;flex:1}.textarea-group .form-group:last-child{flex:2}.btn-next,.btn-back,.btn-generate{background:transparent;color:var(--primary);border:var(--border-width) solid var(--primary);border-radius:var(--spacing-md);padding:6px 0!important;font-size:clamp(11px,1.8vw,16px)!important;font-weight:700;cursor:pointer;box-shadow:none;letter-spacing:.02em;transition:background .18s,color .18s,box-shadow .18s,border-color .18s,transform .16s;outline:none;width:100%;display:block;margin:0;height:32px!important;min-height:32px!important;line-height:1!important}.btn-next:hover,.btn-back:hover,.btn-generate:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:translateY(-1px);box-shadow:0 2px 8px #ff575726!important;transition:all .2s ease}.btn-next:active,.btn-back:active,.btn-generate:active{transform:translateY(0);box-shadow:0 1px 3px #ff575733!important;background:var(--primary)!important;color:#fff!important;transition:all .1s ease}.btn-next:focus,.btn-back:focus,.btn-generate:focus{outline:none}.mt-3{margin-top:1rem}.param-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.param-toggle label{font-size:clamp(9px,1.6vw,13px);font-weight:600;cursor:pointer}.settings-section{display:flex;flex-direction:column;height:100%}.settings-cards-container{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:8px}.parameters-section{display:flex;flex-direction:column;height:100%}.parameters-section .form-group{margin-bottom:var(--spacing-sm)}.parameters-container{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:8px}.settings-card[data-setting=purpose-specific] .parameter-slider:before,.purpose-specific-configuration-card .parameter-slider:before,[class*=purpose-specific] .parameter-slider:before{background:transparent!important}.settings-card[data-setting=code-development] .parameter-slider:before,.code-development-parameters-card .parameter-slider:before,[class*=code-development] .parameter-slider:before{background:transparent!important}.techniques-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);align-content:start}.techniques-grid:has(:nth-child(-n+3)){grid-auto-rows:minmax(60px,1fr)}.techniques-grid:has(:nth-child(-n+6)){grid-auto-rows:minmax(50px,1fr)}.parameter-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:var(--border-radius-md);background-color:var(--light)!important;color:var(--text-primary);font-size:14px;font-family:inherit;transition:var(--transition-default)}.parameter-input:focus{outline:none;border-color:var(--primary);background-color:var(--light)}.parameter-input:hover{border-color:#d0d0d0}.parameter-field-label{display:block;font-size:clamp(10px,1.8vw,14px);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.parameter-field-description{font-size:clamp(9px,1.5vw,12px);color:var(--text-secondary);margin-top:4px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.purpose-card.new{animation:fadeInScale .3s ease-out}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.form-section .mode-tab,.form-section .model-tab,.form-section .purpose-card,.form-section .settings-card,.form-section .technique-card,.form-section .parameter-chip,.form-section [class$=-card],.settings-section [class$=-card],.parameters-section [class$=-card],.details-section [class$=-card],.context-section [class$=-card],.advanced-section [class$=-card]{background-color:#fff!important;background:#ffffff!important;background-image:none!important;border:1px solid #e0e0e0!important}.form-section .mode-tab.active,.form-section .model-tab.active,.form-section .purpose-card.active,.form-section .settings-card.active,.form-section .technique-card.active,.form-section .parameter-chip.active,.form-section [class$=-card].active,.settings-section [class$=-card].active,.parameters-section [class$=-card].active,.details-section [class$=-card].active,.context-section [class$=-card].active,.advanced-section [class$=-card].active{background-color:#fff!important;background:#ffffff!important;background-image:none!important;border:2px solid #ff5252!important}.form-section .mode-tab:hover,.form-section .model-tab:hover,.form-section .purpose-card:hover,.form-section .settings-card:hover,.form-section .technique-card:hover,.form-section .parameter-chip:hover,.form-section [class$=-card]:hover,.settings-section [class$=-card]:hover,.parameters-section [class$=-card]:hover,.details-section [class$=-card]:hover,.context-section [class$=-card]:hover,.advanced-section [class$=-card]:hover{background-color:#fff!important;background:#ffffff!important;background-image:none!important;border-color:#ccc!important}.target-ai-model-card,.tone-style-card,.default-output-length-card,.purpose-specific-configuration-card,.include-system-message-card,.task-description-card,.background-card,.constraints-card,.prompt-techniques-card,div[class*=target-ai-model],div[class*=tone][class*=style],div[class*=default-output-length],div[class*=purpose-specific],div[class*=include-system-message],div[class*=task-description],div[class*=background-card],div[class*=constraints],div[class*=prompt-techniques]{background-color:#fff!important;background:#ffffff!important;background-image:none!important}.settings-card .chip-gradient,.technique-card .chip-gradient,.purpose-card .chip-gradient,.mode-tab .chip-gradient,.model-tab .chip-gradient,[class$=-card]:not(.parameter-chip) .chip-gradient{display:none!important;opacity:0!important}.settings-cards-container .settings-card,.techniques-grid .technique-card,.purpose-grid-techniques .purpose-card,.model-tabs .model-tab,.interface-mode .mode-tab,.parameter-chips .parameter-chip{background-color:#fff!important;background:#ffffff!important}.context-section input,.context-section textarea,.context-section .form-control,.context-section .form-control-compact,.context-section input[type=text],.context-section input[type=email],.context-section input[type=number],.context-section select{background-color:#fff!important;background:#ffffff!important;background-image:none!important;color:#333!important}.context-section input:focus,.context-section textarea:focus,.context-section .form-control:focus,.context-section .form-control-compact:focus,.context-section select:focus{background-color:#fff!important;background:#ffffff!important;border-color:#ff5252!important}.context-section input:hover,.context-section textarea:hover,.context-section .form-control:hover,.context-section .form-control-compact:hover,.context-section select:hover{background-color:#fff!important;background:#ffffff!important;border-color:#d0d0d0!important}input,textarea,select,.form-control,.form-control-compact,input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=url],body input,body textarea,body select,body .form-control,body .form-control-compact,.form-section input,.form-section textarea,.form-section select,.form-section .form-control,.context-section input,.context-section textarea,.context-section select,.context-section .form-control,.details-section input,.details-section textarea,.details-section select,.details-section .form-control,.advanced-section input,.advanced-section textarea,.advanced-section select,.advanced-section .form-control,[class*=section] input,[class*=section] textarea,[class*=section] select,[class*=section] .form-control{background-color:#fff!important;background:#ffffff!important;background-image:none!important;color:#333!important}input:focus,textarea:focus,select:focus,.form-control:focus,.form-control-compact:focus{background-color:#fff!important;background:#ffffff!important;outline:none!important;border-color:#ff5252!important}input:hover,textarea:hover,select:hover,.form-control:hover,.form-control-compact:hover{background-color:#fff!important;background:#ffffff!important;border-color:#d0d0d0!important}input:before,input:after,textarea:before,textarea:after,select:before,select:after,.form-control:before,.form-control:after{display:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;-webkit-text-fill-color:#333333!important;background-color:#fff!important}.prompt-builder.prompt-builder-fixed.prompt-builder-section{width:100%!important;height:calc(100vh - 154px)!important;min-height:calc(100vh - 154px)!important;max-height:calc(100vh - 154px)!important;margin:0 auto!important;padding:clamp(20px,3vw,60px) clamp(10px,2vw,20px) clamp(15px,2vw,30px)!important;display:flex!important;align-items:stretch!important;overflow:hidden!important;position:relative!important;z-index:1!important;box-sizing:border-box!important}.builder-container.builder-container-fixed{height:100%!important;width:100%!important;max-width:1400px!important;margin:0 auto!important}.prompt-builder .builder-layout{height:100%!important;width:100%!important;overflow:hidden!important}.prompt-builder .builder-form{height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.prompt-builder .form-section{flex:1 1 auto!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important}.prompt-builder .result-section,.prompt-builder .prompt-console{height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}@media (max-width: 768px){.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:auto!important;min-height:calc(100vh - 141px)!important;max-height:none!important;margin:0 auto!important;padding:clamp(60px,10vw,81px) clamp(10px,3vw,15px) clamp(50px,8vw,100px) clamp(10px,3vw,15px)!important}.builder-layout:has(.builder-form-full) .prompt-console{display:none!important}@media (max-width: 768px){.builder-layout:has(.builder-form-full) .prompt-console{display:flex!important;visibility:visible!important;opacity:1!important}}}@media (max-height: 800px){.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:auto!important;min-height:calc(100vh - 120px)!important;max-height:none!important;margin:0 auto!important;padding:clamp(50px,8vw,70px) clamp(10px,3vw,20px) clamp(40px,6vw,80px) clamp(10px,3vw,20px)!important}}@media (max-height: 600px){.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:auto!important;min-height:calc(100vh - 100px)!important;max-height:none!important;margin:0 auto!important;padding:clamp(40px,6vw,60px) clamp(10px,3vw,20px) clamp(30px,5vw,60px) clamp(10px,3vw,20px)!important}}@media (max-height: 500px){.prompt-builder.prompt-builder-fixed.prompt-builder-section{height:auto!important;min-height:calc(100vh - 80px)!important;max-height:none!important;margin:0 auto!important;padding:clamp(30px,5vw,50px) clamp(8px,2vw,20px) clamp(25px,4vw,50px) clamp(8px,2vw,20px)!important}}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;transition:all .3s ease;border-radius:20px;border:1px solid #d0d0d0}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:2px;background-color:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch:hover .toggle-slider{border-color:silver}input:checked+.toggle-switch:hover .toggle-slider{background-color:#ff6b6b}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #ff525233}html body #root .prompt-builder-section,html body #root section.prompt-builder,html body #root .prompt-builder,html body .prompt-builder-section#builder,body section.prompt-builder-section,section.prompt-builder-section.prompt-builder-fixed{padding-top:94px!important;margin-top:0!important;box-sizing:border-box!important}@media (max-width: 768px){html body #root .prompt-builder-section,html body #root section.prompt-builder,html body #root .prompt-builder,body section.prompt-builder-section{padding-top:81px!important}}@media (max-width: 600px){html body #root .prompt-builder-section,html body #root section.prompt-builder,html body #root .prompt-builder,body section.prompt-builder-section{padding-top:68px!important}}@media (max-width: 600px){.purpose-grid-techniques{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:2px;row-gap:2px;column-gap:2px;padding:0;max-height:none!important;overflow:visible!important}.purpose-card{min-height:60px!important;padding:6px 4px!important;border-radius:6px!important;gap:4px!important}.purpose-card .purpose-header{gap:4px!important}.purpose-card .purpose-icon{width:18px!important;height:18px!important;font-size:12px!important}.purpose-card .purpose-header h5{font-size:9px!important}.purpose-card .purpose-content p{font-size:9px!important;line-height:1.2!important}.purpose-content h5{font-size:9px!important;line-height:.9!important;font-weight:500!important}.purpose-content p{display:none!important}}@media (max-width: 768px) and (min-width: 601px){.purpose-grid-techniques{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:3px;max-height:none!important;overflow:visible!important}.purpose-content p{font-size:8px!important;line-height:1.2!important;-webkit-line-clamp:1!important}}@media (min-width: 1200px){.purpose-grid-techniques{max-height:calc(100vh - 240px)!important}}body .purpose-content h5,body .form-section .purpose-content h5,body .purpose-grid-techniques .purpose-content h5{font-size:10px!important}body .purpose-content p,body .form-section .purpose-content p,body .purpose-grid-techniques .purpose-content p{font-size:9px!important}@media screen and (min-width: 769px){body .purpose-content h5{font-size:12px!important}body .purpose-content p{font-size:7px!important}}@media screen and (min-width: 601px) and (max-width: 768px){body .purpose-content h5{font-size:9px!important}body .purpose-content p{font-size:8px!important}}body .builder-form .buttons-container,body .form-section+.buttons-container{position:sticky!important;bottom:0!important;margin-top:auto!important;margin-bottom:0!important;z-index:30!important;background-color:#f8f9fa!important;border-top:1px solid #e9ecef!important;left:0!important;right:0!important;padding:12px 16px!important;background-color:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:8px!important;padding:var(--spacing-sm) var(--spacing-md)!important}.purpose-grid-techniques{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:3px;row-gap:3px;column-gap:3px;margin-bottom:2px;max-height:calc(100vh - 320px);overflow-y:auto;overflow-x:hidden;padding-right:2px;align-content:start;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f1f1f1}.purpose-grid-techniques::-webkit-scrollbar{width:6px}.purpose-grid-techniques::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.purpose-grid-techniques::-webkit-scrollbar-thumb{background:#c0c0c0;border-radius:3px;transition:background .2s}.purpose-grid-techniques::-webkit-scrollbar-thumb:hover{background:#a0a0a0}body .purpose-grid-techniques,html body .purpose-grid-techniques,.form-section .purpose-grid-techniques{gap:3px!important;row-gap:3px!important;column-gap:3px!important;max-height:calc(114vh - 320px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#c0c0c0 #f1f1f1!important}body .purpose-grid-techniques::-webkit-scrollbar,html body .purpose-grid-techniques::-webkit-scrollbar{width:6px!important}body .purpose-grid-techniques::-webkit-scrollbar-track,html body .purpose-grid-techniques::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:3px!important}body .purpose-grid-techniques::-webkit-scrollbar-thumb,html body .purpose-grid-techniques::-webkit-scrollbar-thumb{background:#c0c0c0!important;border-radius:3px!important;transition:background .2s!important}body .purpose-grid-techniques::-webkit-scrollbar-thumb:hover,html body .purpose-grid-techniques::-webkit-scrollbar-thumb:hover{background:#a0a0a0!important}body .model-content h5,html body .model-content h5,.model-tabs .model-content h5{font-size:12px!important}.form-section.purpose-section .form-group:first-child{margin-bottom:4px!important}.purpose-grid-techniques{margin-bottom:0!important}.buttons-container{padding-top:4px!important}.prompt-console{background:linear-gradient(135deg,rgba(40,40,40,.98) 0%,rgba(60,60,60,.98) 100%);border-radius:18px;box-shadow:0 6px 32px #0000002e,0 1.5px 4px #0000001a;padding:32px 24px 24px;display:flex;flex-direction:column;height:100%;min-height:340px;position:relative;overflow:hidden;transition:box-shadow .2s}.prompt-console .result-header{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:10px;border-bottom:1.5px solid rgba(255,255,255,.12)}.prompt-console .result-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0;letter-spacing:.01em}.prompt-console .result-actions{display:flex;gap:10px}.prompt-console .action-button{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.18);color:#fff;border-radius:8px;width:32px;height:32px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,border-color .18s,transform .14s}.prompt-console .action-button:hover{background:rgba(255,255,255,.22);border-color:#ff5252;color:#ff5252;transform:translateY(-2px) scale(1.08)}.prompt-console .prompt-output{height:100%;min-height:220px;background:transparent;border:none;box-shadow:none;color:#fff;font-size:.85rem;padding:0;margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}.prompt-console .prompt-output:not(.prompt-placeholder):not(.prompt-placeholder-center) *{text-align:left!important}.prompt-console .prompt-output .prompt-placeholder *,.prompt-console .prompt-output .prompt-placeholder-center *,.prompt-console .prompt-placeholder,.prompt-console .prompt-placeholder *{text-align:center!important}@media (max-width: 768px){.prompt-output,.prompt-console .prompt-output{max-height:300px;overflow-y:auto;overflow-x:hidden}.prompt-output::-webkit-scrollbar,.prompt-console .prompt-output::-webkit-scrollbar{width:6px}.prompt-output::-webkit-scrollbar-track,.prompt-console .prompt-output::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.prompt-output::-webkit-scrollbar-thumb,.prompt-console .prompt-output::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px;transition:background .2s}.prompt-output::-webkit-scrollbar-thumb:hover,.prompt-console .prompt-output::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}}.prompt-console .prompt-placeholder{width:100%;height:100%;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:.85;padding:0;margin:0}.prompt-console .prompt-placeholder svg{width:clamp(150px,20vw,250px)!important;height:clamp(150px,20vw,250px)!important;margin:0 0 clamp(8px,1vw,16px) 0!important;opacity:.3}.prompt-console .prompt-placeholder p{color:#ffffffb3;font-size:clamp(12px,2.5vw,16px);max-width:90%;margin:0!important;padding:0!important;font-weight:500;line-height:1.2;text-align:center!important}@media (max-width: 600px){.prompt-console .prompt-placeholder svg,.prompt-console .prompt-placeholder-center svg,.prompt-placeholder svg,.prompt-placeholder-center svg{display:none!important}}@media (max-width: 600px){.prompt-console{padding:16px 4px 12px;min-height:180px;border-radius:10px}.prompt-console .prompt-placeholder p{font-size:.98rem}.prompt-output,.prompt-console .prompt-output{max-height:250px!important;font-size:.95rem!important;padding:6px!important}.prompt-output::-webkit-scrollbar,.prompt-console .prompt-output::-webkit-scrollbar{width:8px!important}.prompt-output::-webkit-scrollbar-thumb,.prompt-console .prompt-output::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4)!important;min-height:30px}.prompt-console .prompt-placeholder svg{display:none!important}.prompt-console .prompt-placeholder-center svg{display:none!important}}.btn-turquoise,.dashboard-create-btn,.coral-btn{background:var(--secondary)!important;color:#fff!important;border:none!important;font-weight:700;border-radius:7px!important;box-shadow:0 2px 8px #00d4cc17;transition:background .18s,color .18s,box-shadow .18s,border-color .18s,transform .16s}.btn-turquoise:hover,.dashboard-create-btn:hover,.coral-btn:hover,.btn-turquoise:focus,.dashboard-create-btn:focus,.coral-btn:focus{background:var(--secondary-dark)!important;color:#fff!important;box-shadow:0 4px 16px #00d4cc21;transform:translateY(-2px) scale(1.03)}.form-section .form-group{margin-bottom:8px!important}.form-section .form-grid-2{margin-bottom:6px!important}@media (max-width: 768px){.parameter-chip{padding:4px 8px!important;font-size:10px!important;height:24px!important;border-radius:16px!important}}.purpose-specific-section{background:#fff!important;border-radius:8px!important;border:1px solid #e0e0e0!important;padding:16px!important;min-height:100%!important;height:100%!important;display:flex;flex-direction:column}.purpose-specific-section h4{font-size:clamp(12px,1.8vw,14px)!important;font-weight:600;margin-bottom:10px;margin-top:0;color:#333}.purpose-specific-section select,.purpose-specific-section .form-control{font-size:clamp(9px,1vw,11px)!important;height:clamp(26px,3vw,32px)!important;padding:3px 22px 3px 6px!important;line-height:1.1!important}.purpose-card{box-shadow:none!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important}.purpose-card:hover{box-shadow:none!important}.purpose-card .purpose-header{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;justify-content:flex-start!important}.purpose-card .purpose-icon{width:24px!important;height:24px!important;font-size:16px!important;flex-shrink:0!important}.purpose-card .purpose-header h5{margin:0!important;font-size:12px!important;font-weight:600!important;color:#333!important;text-align:left!important}.purpose-card .purpose-content p{margin:0!important;font-size:11px!important;color:#777!important;line-height:1.3!important;text-align:center!important;width:100%!important}.parameter-chip{display:flex;align-items:center}.parameter-chip .chip-text{vertical-align:middle;display:flex;align-items:center;justify-content:center;width:100%}@media (max-width: 768px){.parameter-chip{font-size:10px!important;padding:4px 8px!important;height:24px!important}.purpose-specific-section h4{font-size:12px!important;margin-bottom:8px}.purpose-specific-section select,.purpose-specific-section .form-control{font-size:10px!important;height:28px!important;padding:2px 20px 2px 4px!important}}@media (max-width: 600px){.parameter-chip{font-size:9px!important;padding:3px 6px!important;height:20px!important}.purpose-specific-section h4{font-size:11px!important;margin-bottom:6px}.purpose-specific-section select,.purpose-specific-section .form-control{font-size:9px!important;height:26px!important;padding:2px 18px 2px 4px!important}}.form-group select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding-right:30px!important}@media (max-width: 768px){.purpose-grid-techniques{max-height:none!important;overflow:visible!important;padding-right:0}}@media (max-width: 768px) and (orientation: portrait),(max-width: 760px) and (orientation: portrait){.prompt-console{display:flex!important;visibility:visible!important;opacity:1!important;min-height:280px!important;max-height:380px!important}.builder-layout:has(.builder-form-full) .prompt-console{display:flex!important;visibility:visible!important;opacity:1!important}}@media (min-width: 1200px){html{font-size:16px}h1,h2,h3,h4{font-size:clamp(1.2rem,2.5vw,2rem)}label{font-size:15px}.param-toggle label{font-size:14px}.purpose-card{padding:12px 10px;min-height:80px;gap:8px!important}.purpose-card .purpose-header{gap:8px!important}.purpose-card .purpose-icon{width:28px!important;height:28px!important;font-size:18px!important}.purpose-card .purpose-header h5{font-size:13px!important}.purpose-card .purpose-content p{font-size:12px!important}.purpose-content h5{font-size:16px}.purpose-content p{font-size:13px}.form-control,.form-control-compact{font-size:16px;padding:14px;line-height:1.5}select.form-control,.form-section select.form-control,body select.form-control{font-size:10px!important;height:32px!important;padding:4px 24px 4px 8px!important}.btn-next,.btn-back,.btn-generate{padding:12px 24px;height:44px;letter-spacing:.5px}.prompt-console{padding:32px 24px;border-radius:20px}.prompt-console .result-header h3{font-size:1.3rem;letter-spacing:.02em}.step-circle{font-size:14px;width:36px;height:36px}}@media (min-width: 900px) and (max-width: 1199px){html{font-size:15px}h1,h2,h3,h4{font-size:clamp(1.1rem,2.2vw,1.8rem)}label{font-size:14px}.param-toggle label{font-size:13px}.purpose-card{padding:10px 8px;min-height:75px}.purpose-content h5{font-size:15px}.purpose-content p{font-size:12px}.form-control,.form-control-compact{font-size:15px;padding:12px;line-height:1.4}select.form-control,.form-section select.form-control,body select.form-control{font-size:11px!important;height:34px!important;padding:5px 26px 5px 8px!important}.btn-next,.btn-back,.btn-generate{padding:10px 20px;height:40px;letter-spacing:.3px}.prompt-console{padding:28px 20px;border-radius:18px}.prompt-console .result-header h3{font-size:1.15rem;letter-spacing:.01em}.step-circle{font-size:13px;width:32px;height:32px}}@media (min-width: 761px) and (max-width: 899px){html{font-size:14px}.prompt-builder{height:calc(100vh - 120px)!important;padding:clamp(15px,3vw,50px) clamp(8px,2vw,15px) clamp(15px,3vw,25px) clamp(8px,2vw,15px)!important;overflow:hidden!important}.builder-main{padding:8px;gap:12px}.builder-layout{height:100%!important;overflow:hidden!important;gap:clamp(8px,1.5vw,12px)!important}.purpose-grid-techniques{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.purpose-card{padding:8px 6px;min-height:65px}.parameter-chip{padding:clamp(3px,1vw,6px) clamp(6px,1.5vw,10px)!important;font-size:clamp(9px,1.3vw,13px)!important;height:auto!important;min-height:clamp(18px,2.5vw,28px)!important;border-radius:clamp(8px,1.5vw,14px)!important}.parameter-chips{gap:clamp(3px,.8vw,6px)!important}h1,h2,h3,h4{font-size:clamp(1rem,2vw,1.6rem)}.form-grid-2{grid-template-columns:1fr;gap:12px}.form-control,.form-control-compact{padding:8px;line-height:1.3}.param-toggle{margin-bottom:6px}.toggle-switch{transform:scale(.9)}.step-circle{font-size:11px;width:28px;height:28px}.buttons-container{gap:8px;padding:6px 16px!important;bottom:0!important;background-color:#f8f9fa!important;border:none!important;border-radius:0!important}.btn-next,.btn-back,.btn-generate{padding:5px 12px;height:30px;min-width:80px;font-size:11px!important}.prompt-console{padding:20px 16px;border-radius:16px}.prompt-console .result-header h3{font-size:1rem}}@media (max-width: 480px){.purpose-grid-techniques{grid-template-columns:1fr!important;gap:6px!important;padding-bottom:70px!important}.purpose-card{padding:8px 6px!important;min-height:75px!important}.purpose-icon{width:28px!important;height:28px!important;font-size:16px!important}.purpose-content h5{font-size:12px!important}.purpose-content p{font-size:10px!important;line-height:1.2!important}.step-progress{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important}.step-circle{width:20px!important;height:20px!important;font-size:9px!important}h1,h2,h3,h4{font-size:clamp(.9rem,4vw,1.4rem)!important}label{font-size:12px!important;line-height:1.2!important}.form-grid-2{grid-template-columns:1fr!important;gap:8px!important}.form-control,.form-control-compact{font-size:13px!important;padding:6px!important;min-height:36px!important;line-height:1.2!important}.param-toggle{margin-bottom:4px!important}.param-toggle label{font-size:11px!important;line-height:1.1!important}.toggle-switch{transform:scale(.8)!important}.step-circle{font-size:9px!important;width:22px!important;height:22px!important;line-height:22px!important}.error-message{font-size:11px!important}.info-tooltip{font-size:8px!important;width:10px!important;height:10px!important;line-height:10px!important}.buttons-container{gap:6px!important;padding:4px 16px!important;bottom:0!important;background-color:#f8f9fa!important;border:none!important;border-radius:0!important}.btn-next,.btn-back,.btn-generate{height:24px!important;padding:3px 6px!important;font-size:10px!important;min-width:60px!important}}@media (min-width: 769px) and (max-width: 760px) and (orientation: landscape){.prompt-console{display:flex!important;min-height:200px!important;max-height:300px!important}}@media (max-width: 760px){.prompt-console{display:flex!important;visibility:visible!important;opacity:1!important}.builder-layout:has(.builder-form-full) .prompt-console,.builder-form-full~.prompt-console,.builder-form-full+.prompt-console{display:flex!important;visibility:visible!important;opacity:1!important}.builder-layout{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}}@media (pointer: coarse){.prompt-builder{scrollbar-width:auto}.prompt-builder::-webkit-scrollbar{width:12px!important}.prompt-builder::-webkit-scrollbar-thumb{border:2px solid #fff;min-height:30px}}html body .form-section select.form-control,html body select.form-control,html body .prompt-builder select.form-control{font-size:clamp(9px,1.2vw,11px)!important;height:clamp(28px,4vw,36px)!important;padding:4px 24px 4px 8px!important;line-height:1.2!important}@media (min-width: 1200px){html body .form-section select.form-control,html body select.form-control,html body .prompt-builder select.form-control{font-size:10px!important;height:32px!important}}@media (min-width: 761px) and (max-width: 1199px){html body .form-section select.form-control,html body select.form-control,html body .prompt-builder select.form-control{font-size:11px!important;height:34px!important}}html body .purpose-specific-section select,html body .purpose-specific-section .form-control,html body div.purpose-specific-section select.form-control{font-size:clamp(8px,.9vw,10px)!important;height:clamp(24px,2.8vw,30px)!important;padding:2px 20px 2px 5px!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (min-width: 1200px){html body .purpose-specific-section select,html body .purpose-specific-section .form-control,html body div.purpose-specific-section select.form-control{font-size:9px!important;height:28px!important;padding:2px 18px 2px 4px!important}}@media (min-width: 769px) and (max-width: 1199px){html body .purpose-specific-section select,html body .purpose-specific-section .form-control,html body div.purpose-specific-section select.form-control{font-size:10px!important;height:30px!important;padding:2px 19px 2px 5px!important}}@media (max-width: 768px){html body .purpose-specific-section select,html body .purpose-specific-section .form-control,html body div.purpose-specific-section select.form-control{font-size:9px!important;height:26px!important;padding:2px 18px 2px 4px!important}}html body .purpose-card,html body .purpose-grid-techniques .purpose-card,html body .form-section .purpose-card,html .purpose-card,html body .purpose-card:hover,html body .purpose-grid-techniques .purpose-card:hover,html body .form-section .purpose-card:hover,html .purpose-card:hover{box-shadow:none!important}html body .purpose-card:active,html body .purpose-card:focus{box-shadow:none!important}html body .prompt-console .prompt-placeholder,html body .prompt-console div.prompt-placeholder,html body div.prompt-console .prompt-placeholder,html .prompt-placeholder{text-align:center!important;justify-content:center!important;align-items:center!important}html body .prompt-console .prompt-placeholder p,html body .prompt-console div.prompt-placeholder p,html body div.prompt-console .prompt-placeholder p,html .prompt-placeholder p{text-align:center!important;width:100%!important;margin:0 auto!important}.prompt-placeholder-center{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.prompt-placeholder-center *{text-align:center!important}.prompt-placeholder-center p{text-align:center!important;width:100%!important;margin:0 auto!important}html body div.prompt-console div.prompt-placeholder-center,html body .prompt-console .prompt-placeholder-center,div.prompt-console div.prompt-placeholder-center,.prompt-console .prompt-placeholder-center{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}html body div.prompt-console div.prompt-placeholder-center p,html body .prompt-console .prompt-placeholder-center p,div.prompt-console div.prompt-placeholder-center p,.prompt-console .prompt-placeholder-center p,.prompt-placeholder-center p{text-align:center!important;width:100%!important;margin:0 auto!important;display:block!important}div.prompt-console div#prompt-output div.prompt-placeholder-center p{text-align:center!important;width:100%!important;margin:0 auto!important;display:block!important;color:#ffffffb3!important}.prompt-builder-section .prompt-console div#prompt-output div.prompt-placeholder-center p{text-align:center!important;width:100%!important;margin:0 auto!important;display:block!important}section.prompt-builder-section .prompt-console div#prompt-output.prompt-output div.prompt-placeholder.prompt-placeholder-center{padding:0!important;margin:0!important;min-height:auto!important;height:auto!important}section.prompt-builder-section .prompt-console div#prompt-output.prompt-output div.prompt-placeholder.prompt-placeholder-center svg{margin:0 0 clamp(8px,1vw,16px) 0!important;padding:0!important;width:clamp(150px,20vw,250px)!important;height:clamp(150px,20vw,250px)!important}section.prompt-builder-section .prompt-console div#prompt-output.prompt-output div.prompt-placeholder.prompt-placeholder-center p{text-align:center!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;color:#ffffffb3!important;font-size:clamp(12px,2.5vw,16px)!important;line-height:1.2!important}* div#prompt-output * p,[id=prompt-output] * p{text-align:center!important}html body section.prompt-builder-section .builder-form .buttons-container,html body .prompt-builder-section .buttons-container,section.prompt-builder-section .buttons-container,.prompt-builder-section .buttons-container,.buttons-container{background-color:#f8f9fa!important;border:none!important;position:sticky!important;bottom:0!important;left:0!important;right:0!important;margin-top:auto!important;margin-bottom:0!important;padding:12px 16px!important;z-index:30!important;width:100%!important;box-sizing:border-box!important;border-radius:0!important}html body .builder-form,html body section.prompt-builder-section .builder-form,.builder-form{padding-bottom:0!important;box-sizing:border-box!important}html body .form-section,html body section.prompt-builder-section .form-section,.form-section{margin-bottom:0!important;padding-bottom:0!important}html body .builder-content,html body section.prompt-builder-section .builder-content,.builder-content{height:100%!important;overflow-y:auto!important}html body section.prompt-builder-section .builder-form .buttons-container:after,html body .prompt-builder-section .buttons-container:after,section.prompt-builder-section .buttons-container:after,.prompt-builder-section .buttons-container:after,.buttons-container:after{content:""!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;height:100px!important;background-color:#f8f9fa!important;z-index:-1!important}* .buttons-container,[class*=buttons-container]{background-color:#f8f9fa!important;border:none!important;position:sticky!important;bottom:0!important;padding:12px 16px!important;border-radius:0!important}html body .purpose-grid,html body section.prompt-builder-section .purpose-grid,.purpose-grid{margin-bottom:16px!important}html body .purpose-params,html body section.prompt-builder-section .purpose-params,.purpose-params{margin-bottom:16px!important}html body .prompt-console,html body section.prompt-builder-section .prompt-console,.prompt-console{margin-bottom:16px!important}html body .form-group,html body section.prompt-builder-section .form-group,.form-group{margin-bottom:12px!important}html body .form-section:last-of-type,html body section.prompt-builder-section .form-section:last-of-type,.form-section:last-of-type{margin-bottom:0!important;padding-bottom:16px!important}@media (max-width: 768px){html body .buttons-container .btn-next,html body .buttons-container .btn-back,html body .buttons-container .btn-generate,html body section.prompt-builder-section .buttons-container .btn-next,html body section.prompt-builder-section .buttons-container .btn-back,html body section.prompt-builder-section .buttons-container .btn-generate,.buttons-container .btn-next,.buttons-container .btn-back,.buttons-container .btn-generate{height:28px!important;padding:4px 10px!important;min-height:28px!important;line-height:1!important;font-size:12px!important;min-width:70px!important}html body .model-tabs .model-tab,html body section.prompt-builder-section .model-tabs .model-tab,.model-tabs .model-tab{padding:6px 8px!important;min-height:40px!important;height:auto!important}html body .model-content,html body section.prompt-builder-section .model-content,.model-tabs .model-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px!important}html body .model-icon,html body section.prompt-builder-section .model-icon,.model-tabs .model-icon{font-size:12px!important}html body .model-content h5,html body section.prompt-builder-section .model-content h5,.model-tabs .model-content h5{font-size:11px!important;margin:0!important;text-align:center!important}html body .model-tab p,html body section.prompt-builder-section .model-tab p,.model-tabs .model-tab p{display:none!important}html body .interface-mode .mode-tab,html body section.prompt-builder-section .interface-mode .mode-tab,.interface-mode .mode-tab{padding:6px 8px!important;min-height:40px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}html body .mode-icon,html body section.prompt-builder-section .mode-icon,.interface-mode .mode-icon{font-size:12px!important}html body .mode-content h5,html body section.prompt-builder-section .mode-content h5,.interface-mode .mode-content h5{font-size:11px!important;margin:0!important;text-align:center!important}}@media (max-width: 600px){html body .buttons-container .btn-next,html body .buttons-container .btn-back,html body .buttons-container .btn-generate,html body section.prompt-builder-section .buttons-container .btn-next,html body section.prompt-builder-section .buttons-container .btn-back,html body section.prompt-builder-section .buttons-container .btn-generate,.buttons-container .btn-next,.buttons-container .btn-back,.buttons-container .btn-generate{height:26px!important;padding:3px 8px!important;min-height:26px!important;line-height:1!important;font-size:11px!important;min-width:65px!important}html body .model-tabs .model-tab,html body section.prompt-builder-section .model-tabs .model-tab,.model-tabs .model-tab{padding:4px 6px!important;min-height:35px!important;height:auto!important}html body .model-content,html body section.prompt-builder-section .model-content,.model-tabs .model-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:3px!important}html body .model-icon,html body section.prompt-builder-section .model-icon,.model-tabs .model-icon{font-size:10px!important}html body .model-content h5,html body section.prompt-builder-section .model-content h5,.model-tabs .model-content h5{font-size:10px!important;margin:0!important;text-align:center!important}html body .model-tab p,html body section.prompt-builder-section .model-tab p,.model-tabs .model-tab p{display:none!important}html body .interface-mode .mode-tab,html body section.prompt-builder-section .interface-mode .mode-tab,.interface-mode .mode-tab{padding:4px 6px!important;min-height:35px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important}html body .mode-icon,html body section.prompt-builder-section .mode-icon,.interface-mode .mode-icon{font-size:10px!important}html body .mode-content h5,html body section.prompt-builder-section .mode-content h5,.interface-mode .mode-content h5{font-size:10px!important;margin:0!important;text-align:center!important}html body section.prompt-builder-section .form-section#step-1 .form-group,html body .form-section#step-1 .form-group,.form-section#step-1 .form-group{margin-bottom:12px!important}html body section.prompt-builder-section .form-section#step-1 h2,html body .form-section#step-1 h2,.form-section#step-1 h2{font-size:16px!important;margin-bottom:12px!important}html body section.prompt-builder-section .form-section#step-1 label,html body .form-section#step-1 label,.form-section#step-1 label{margin-bottom:6px!important;font-size:12px!important;font-weight:600!important}html body .interface-mode,html body .model-tabs,html body section.prompt-builder-section .interface-mode,html body section.prompt-builder-section .model-tabs,.interface-mode,.model-tabs{margin-bottom:8px!important}html body .purpose-card,html body section.prompt-builder-section .purpose-card,.purpose-card{height:45px!important;min-height:45px!important;max-height:45px!important;padding:3px 4px!important;gap:2px!important}html body .prompt-console .action-button,html body section.prompt-builder-section .prompt-console .action-button,.prompt-console .action-button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:14px!important;padding:5px!important;border-radius:5px!important}html body .prompt-console .result-actions,html body section.prompt-builder-section .prompt-console .result-actions,.prompt-console .result-actions{gap:6px!important}html body .prompt-console .prompt-placeholder svg,html body .prompt-console .prompt-placeholder-center svg,html body section.prompt-builder-section .prompt-console .prompt-placeholder svg,html body section.prompt-builder-section .prompt-console .prompt-placeholder-center svg,.prompt-console .prompt-placeholder svg,.prompt-console .prompt-placeholder-center svg{display:none!important}}@media (max-width: 480px){html body .buttons-container .btn-next,html body .buttons-container .btn-back,html body .buttons-container .btn-generate,html body section.prompt-builder-section .buttons-container .btn-next,html body section.prompt-builder-section .buttons-container .btn-back,html body section.prompt-builder-section .buttons-container .btn-generate,.buttons-container .btn-next,.buttons-container .btn-back,.buttons-container .btn-generate{height:24px!important;padding:2px 6px!important;min-height:24px!important;line-height:1!important;font-size:10px!important;min-width:60px!important}html body section.prompt-builder-section .form-section#step-1 .form-group,html body .form-section#step-1 .form-group,.form-section#step-1 .form-group{margin-bottom:8px!important}html body section.prompt-builder-section .form-section#step-1 h2,html body .form-section#step-1 h2,.form-section#step-1 h2{font-size:14px!important;margin-bottom:8px!important}html body section.prompt-builder-section .form-section#step-1 label,html body .form-section#step-1 label,.form-section#step-1 label{margin-bottom:4px!important;font-size:11px!important;font-weight:600!important}html body .interface-mode,html body .model-tabs,html body section.prompt-builder-section .interface-mode,html body section.prompt-builder-section .model-tabs,.interface-mode,.model-tabs{margin-bottom:6px!important}html body .purpose-card,html body section.prompt-builder-section .purpose-card,.purpose-card{height:40px!important;min-height:40px!important;max-height:40px!important;padding:2px 3px!important;gap:1px!important}html body .prompt-console .action-button,html body section.prompt-builder-section .prompt-console .action-button,.prompt-console .action-button{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:12px!important;padding:4px!important;border-radius:4px!important}html body .prompt-console .result-actions,html body section.prompt-builder-section .prompt-console .result-actions,.prompt-console .result-actions{gap:4px!important}html body .prompt-console .prompt-placeholder svg,html body .prompt-console .prompt-placeholder-center svg,html body section.prompt-builder-section .prompt-console .prompt-placeholder svg,html body section.prompt-builder-section .prompt-console .prompt-placeholder-center svg,.prompt-console .prompt-placeholder svg,.prompt-console .prompt-placeholder-center svg{display:none!important}}.features-scrollytelling{padding:120px 0 100px;background:linear-gradient(180deg,rgba(248,250,252,.8) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(241,245,249,.8) 100%);position:relative;overflow:hidden}.features-scrollytelling:before,.features-scrollytelling:after,.features-cta:before{display:none!important}.gradient-text,.main-gradient-title,.features-hero-content .main-gradient-title{background:linear-gradient(135deg,#FF5757 0%,#00D4CC 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.features-hero{margin-top:120px;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;padding:8px 0 0;text-align:center;position:relative;z-index:2;transition:box-shadow .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1)}.features-hero-content{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);padding-bottom:24px}.features-hero-content.animate-in{opacity:1;transform:none}.title-line{display:block;color:var(--text-primary)}.gradient-text:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--gradient-hero);border-radius:2px;opacity:.6}.features-subtitle{font-size:1.25rem;color:#22313a;font-weight:400;opacity:.85;margin-bottom:0;animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) .2s both}.scroll-progress-container{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.1);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.scroll-progress-bar{height:100%;background:var(--gradient-hero);transform-origin:left;transition:transform .1s ease-out;box-shadow:0 0 10px #ff57574d}.features-timeline{position:relative;max-width:1100px;margin:0 auto;padding:0 40px;z-index:2}.feature-story{position:relative;margin-bottom:140px;opacity:0;transform:translateY(60px);transition:all 1.4s cubic-bezier(.25,.46,.45,.94);z-index:2}.feature-story.visible{opacity:1;transform:translateY(0)}.feature-story:nth-child(2n) .feature-story-content{flex-direction:row-reverse;text-align:right}.feature-story-content{display:flex;align-items:center;gap:80px;position:relative;z-index:2;padding:60px 0}.feature-icon-container{position:relative;width:140px;height:140px;flex-shrink:0}.feature-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;transform:scale(.9);transition:all 1s cubic-bezier(.25,.46,.45,.94) .3s}.feature-story.visible .feature-icon-bg{opacity:1;transform:scale(1)}.feature-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:50%;box-shadow:0 25px 50px #00000014,0 0 0 1px #ffffff1a,inset 0 1px #fffc;transform:scale(.8);transition:all 1.2s cubic-bezier(.25,.46,.45,.94) .5s}.feature-story.visible .feature-icon{transform:scale(1)}.feature-icon:hover{transform:scale(1.05);box-shadow:0 30px 60px #0000001f,0 0 0 1px #ffffff1a,inset 0 1px #fffc}.feature-text{flex:1;min-width:0}.feature-subtitle{font-size:.875rem;font-weight:700;color:var(--feature-color);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.25,.46,.45,.94) .3s}.feature-story.visible .feature-subtitle{opacity:1;transform:translateY(0)}.feature-title{font-size:2.5rem;font-weight:800;margin-bottom:24px;line-height:1.2;letter-spacing:-.02em;opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.25,.46,.45,.94) .4s}.feature-story.visible .feature-title{opacity:1;transform:translateY(0)}.feature-description{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.25,.46,.45,.94) .5s}.feature-story.visible .feature-description{opacity:1;transform:translateY(0)}.description-text{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin:0}.highlight-text{color:var(--feature-color);font-weight:700;position:relative;background:linear-gradient(135deg,var(--feature-color),var(--feature-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-text:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--feature-color),transparent);opacity:.4;transform:scaleX(0);transition:transform .6s cubic-bezier(.25,.46,.45,.94) .7s}.feature-story.visible .highlight-text:after{transform:scaleX(1)}.details-text{color:var(--text-primary);font-weight:500}.features-cta{text-align:center;padding:25px 35px;margin:80px auto 0;max-width:900px;opacity:0;transform:translateY(50px);transition:all 1.2s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.features-cta.visible{opacity:1;transform:translateY(0)}.features-cta:hover{transform:none}.features-cta h3{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.01em}.features-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:50px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-stats{display:flex;justify-content:center;gap:80px;flex-wrap:wrap}.stat{text-align:center;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.features-cta.visible .stat{opacity:1;transform:translateY(0)}.features-cta.visible .stat:nth-child(1){transition-delay:.2s}.features-cta.visible .stat:nth-child(2){transition-delay:.4s}.features-cta.visible .stat:nth-child(3){transition-delay:.6s}.stat-number{display:block;font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#FF5757 0%,#00D4CC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:1;margin-bottom:12px;letter-spacing:-.02em}.stat-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}@media (max-width: 768px){.features-scrollytelling{padding:40px 0 60px}.features-scrollytelling:after{height:120px}.features-hero{margin-top:64px;border-radius:16px;padding:24px 0 0}.features-main-title{font-size:2rem}.features-subtitle{font-size:1rem}.features-timeline{padding:0 20px}.feature-story{margin-bottom:100px}.feature-story-content{flex-direction:column!important;text-align:center!important;gap:40px;padding:40px 0}.feature-icon-container{width:100px;height:100px}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.75rem}.cta-stats{gap:50px}.stat-number{font-size:2.5rem}.features-cta{padding:60px 30px;margin-top:80px}}@media (max-width: 480px){.features-scrollytelling{padding:40px 0 60px}.features-scrollytelling:after{height:100px}.feature-story-content{gap:30px;padding:30px 0}.feature-title{font-size:1.5rem}.description-text{font-size:1rem}.cta-stats{flex-direction:column;gap:40px}.features-cta h3{font-size:1.75rem}.features-cta{border-radius:20px}}.features-scrollytelling *{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.feature-story,.features-hero-content,.features-cta,.feature-icon,.feature-icon-bg,.feature-subtitle,.feature-title,.feature-description{transition:opacity .5s ease}}.demo-builder-wrapper{background:linear-gradient(135deg,#f8fafc 60%,#e0f7fa 100%);border-radius:24px;box-shadow:0 4px 32px #1ecbe114;padding:40px 32px;margin:0 auto 120px;max-width:700px;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.demo-builder-wrapper.animate-in{opacity:1;transform:none}.features-hero-content .section-title{margin-bottom:4px}.features{padding:120px 0;background:linear-gradient(to bottom,var(--surface) 0%,var(--surface) 100%);position:relative;overflow:hidden;margin-top:-2px;min-height:100vh;display:flex;align-items:center}.section-title{text-align:center;margin-bottom:64px;position:relative;opacity:0;transform:translateY(30px);transition:all .6s ease}.section-title.visible{opacity:1;transform:translateY(0)}.section-title h2{font-family:Outfit,sans-serif;font-size:40px;font-weight:800;margin-bottom:16px;color:var(--text-primary);position:relative;display:inline-block;letter-spacing:-.5px;text-transform:uppercase}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:6px;background-color:var(--primary);border-radius:4px}.section-title p{color:var(--text-primary);max-width:700px;margin:0 auto;font-size:20px;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;opacity:0;transform:translateY(30px);transition:all .6s ease .2s}.features-grid.visible{opacity:1;transform:translateY(0)}.feature-card{background-color:var(--surface);padding:40px 30px;border:2px solid var(--gray-light);border-radius:15px;box-shadow:5px 5px #0003;transition:all .5s;position:relative;overflow:hidden;opacity:0;transform:translateY(50px);min-height:380px;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:7px 7px #0003}.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:36px;border:3px solid #000;box-shadow:4px 4px #0000004d;position:relative;z-index:1;transition:all .3s ease;flex-shrink:0}.feature-card:nth-child(3n+1) .feature-icon{background-color:var(--primary);color:#fff}.feature-card:nth-child(3n+2) .feature-icon{background-color:var(--secondary);color:#fff}.feature-card:nth-child(3n) .feature-icon{background-color:var(--accent);color:#fff}.feature-icon:hover{transform:scale(1.1) rotate(10deg)}.feature-card h3{font-family:Outfit,sans-serif;font-size:22px;font-weight:600;margin-bottom:16px;color:var(--dark);letter-spacing:0;transition:all .3s ease}.feature-card:hover h3{transform:translate(5px)}.feature-card p{color:var(--text-primary);line-height:1.6;font-size:16px;font-weight:600;flex-grow:1}._pricingCard_vofb9_2{background:linear-gradient(135deg,#fff 80%,#f8fafc 100%);border-radius:28px;box-shadow:0 4px 32px #2c3e501a;border:1.5px solid #f3f4f6;padding:38px 28px 32px;transition:box-shadow .28s,border-color .22s,transform .22s,background .22s;position:relative;text-align:center;min-width:220px;max-width:350px;width:100%;margin:0 auto 36px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;animation:_cardPopIn_vofb9_1 .7s cubic-bezier(.4,1.4,.6,1) both}._pricingCard_vofb9_2:hover,._pricingCard_vofb9_2:focus-within{box-shadow:0 12px 40px #ff575721,0 2px 16px #2c3e501a;border-color:#ff5757;background:linear-gradient(135deg,#fff 60%,#fff0f0 100%);transform:translateY(-6px) scale(1.035);z-index:2}@keyframes _cardPopIn_vofb9_1{0%{opacity:0;transform:scale(.97) translateY(24px)}to{opacity:1;transform:none}}@media (max-width: 1200px){._pricingCard_vofb9_2{max-width:98vw;padding:28px 12px 22px}}._pricingHeader_vofb9_39{text-align:center;margin-bottom:14px;margin-top:18px}._pricingName_vofb9_44{font-size:1.35rem;font-weight:900;margin-bottom:6px;color:#222;letter-spacing:-.01em;display:inline-block;transition:color .3s}._pricingPrice_vofb9_53{font-size:2.1rem;font-weight:900;color:#ff5757;margin-bottom:.2em;letter-spacing:-.01em;display:flex;align-items:flex-end;justify-content:center;gap:4px}._pricingPrice_vofb9_53 span{font-size:1.05rem;color:#888;font-weight:500;background:none}._pricingDescription_vofb9_70{font-size:1.04rem;color:#555;font-weight:500;background:none;border-radius:0;padding:0;margin-bottom:12px;text-align:center}._pricingLimit_vofb9_80{font-size:1.01rem;color:#00d4cc;font-weight:700;margin-bottom:12px;text-align:center}._pricingFeatures_vofb9_87{margin:0 0 18px;padding:0;list-style:none}._pricingFeatures_vofb9_87 li{font-size:.98rem;color:var(--text-primary, #333);margin-bottom:7px;position:relative;padding-left:24px}._pricingFeatures_vofb9_87 li:before{content:"✔";color:var(--primary, #00D4CC);font-size:1.1em;position:absolute;left:0;top:0;opacity:.85}._pricingContent_vofb9_108{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end}._ctaBtn_vofb9_115{width:160px!important;max-width:100%;display:block;margin:22px auto 0;padding:16px 0;font-size:1.13rem;font-weight:700;border-radius:14px;background:#FF5757;color:#fff;border:none;box-shadow:0 2px 8px #ff57571a;letter-spacing:.02em;transition:background .18s,color .18s,box-shadow .18s,border-color .18s,transform .16s;outline:none;cursor:pointer}._ctaBtn_vofb9_115:hover,._ctaBtn_vofb9_115:focus{background:#ff7a7a;color:#fff;box-shadow:0 0 0 4px #ff575733,0 8px 32px #ff575722;transform:scale(1.045) translateY(-2px);border:none}._ctaBtn_vofb9_115:hover,._outlineBtn_vofb9_142:hover{background:#f3f4f6;color:#111;box-shadow:0 8px 24px #00d4cc22;transform:translateY(-2px) scale(1.03)}._pricingGrid_vofb9_150 ._pricingCard_vofb9_2:nth-child(2){animation:_floatCard2_vofb9_1 7.2s ease-in-out infinite}._pricingGrid_vofb9_150 ._pricingCard_vofb9_2:nth-child(3){animation:_floatCard3_vofb9_1 5.8s ease-in-out infinite}._pricingGrid_vofb9_150{display:flex;gap:20px;justify-content:center;align-items:stretch;flex-wrap:nowrap!important;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}@media (min-width: 1200px){._pricingGrid_vofb9_150{gap:24px;flex-wrap:nowrap!important}._pricingCard_vofb9_2{flex:1 1 33.333%;max-width:350px;min-width:0}}@media (max-width: 1199px) and (min-width: 1000px){._pricingGrid_vofb9_150{gap:20px;padding:0 16px;flex-wrap:nowrap!important}._pricingCard_vofb9_2{flex:1 1 33.333%;padding:32px 22px 26px;min-width:0}._pricingName_vofb9_44{font-size:1.25rem}._pricingPrice_vofb9_53{font-size:1.9rem}._pricingDescription_vofb9_70,._pricingLimit_vofb9_80{font-size:.95rem}._pricingFeatures_vofb9_87 li{font-size:.9rem}._ctaBtn_vofb9_115{font-size:1.05rem;padding:14px 0}}@media (max-width: 999px) and (min-width: 850px){._pricingGrid_vofb9_150{gap:16px;padding:0 12px;flex-wrap:nowrap!important}._pricingCard_vofb9_2{flex:1 1 33.333%;padding:28px 18px 22px;min-width:0}._pricingName_vofb9_44{font-size:1.15rem}._pricingPrice_vofb9_53{font-size:1.7rem}._pricingPrice_vofb9_53 span,._pricingDescription_vofb9_70,._pricingLimit_vofb9_80{font-size:.9rem}._pricingFeatures_vofb9_87 li{font-size:.85rem}._ctaBtn_vofb9_115{font-size:.95rem;padding:12px 0}}@media (max-width: 849px) and (min-width: 500px){._pricingGrid_vofb9_150{gap:8px;padding:0 8px;flex-wrap:nowrap!important}._pricingCard_vofb9_2{flex:1 1 33.333%;padding:20px 8px 16px;min-width:0}._pricingName_vofb9_44{font-size:1.05rem}._pricingPrice_vofb9_53{font-size:1.5rem}._pricingPrice_vofb9_53 span,._pricingDescription_vofb9_70,._pricingLimit_vofb9_80{font-size:.8rem}._pricingFeatures_vofb9_87 li{font-size:.75rem}._ctaBtn_vofb9_115{font-size:.85rem;padding:10px 0}}@media (max-width: 400px){._pricingGrid_vofb9_150{flex-direction:column!important;gap:16px;padding:0 16px}._pricingCard_vofb9_2{flex:none;width:100%;max-width:none;min-width:0;margin:0 auto;padding:32px 24px 28px}._pricingName_vofb9_44{font-size:1.2rem}._pricingPrice_vofb9_53{font-size:1.8rem}._pricingPrice_vofb9_53 span{font-size:.9rem}._pricingDescription_vofb9_70{font-size:.95rem}._pricingLimit_vofb9_80{font-size:.9rem}._pricingFeatures_vofb9_87 li{font-size:.85rem}._ctaBtn_vofb9_115{font-size:1rem;padding:14px 0}}._popularBadgeRibbon_vofb9_329{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#fffbe6;color:#222;font-weight:900;font-size:.98rem;text-align:center;padding:2px 16px;border-radius:12px;box-shadow:0 2px 12px #ffb86c22;letter-spacing:.04em;z-index:10;opacity:.98;text-shadow:none;pointer-events:none;border:none;transition:background .3s,box-shadow .3s;animation:_popBadge_vofb9_1 1.2s;white-space:nowrap;line-height:1.2}@media (max-width: 500px){._popularBadgeRibbon_vofb9_329{font-size:.8rem;padding:2px 6px;border-radius:6px;top:6px}}@media (max-width: 400px){._popularBadgeRibbon_vofb9_329{font-size:.85rem;padding:2px 8px;border-radius:8px;top:8px}}@keyframes _popBadge_vofb9_1{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:.98;transform:translate(-50%) scale(1)}}._pricingSectionBg_vofb9_375{background:linear-gradient(120deg,var(--light, #f8fafc) 0%,var(--surface, #f3f4f6) 100%);position:relative;padding:80px 0;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box}@media (min-width: 1600px){._pricingSectionBg_vofb9_375{width:100vw!important;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-left:0;padding-right:0}}@media (max-width: 768px){._pricingSectionBg_vofb9_375{background:linear-gradient(120deg,#f3f4f6 0%,#e5e7eb 100%);padding:36px 0 24px}}._pricingCard_vofb9_2 a,._pricingCard_vofb9_2 a:visited,._pricingCard_vofb9_2 a:hover,._pricingCard_vofb9_2 a:active,._ctaBtn_vofb9_115{text-decoration:none!important}._pricingPrice_vofb9_53{text-align:center;justify-content:center;margin-bottom:.5em}._pricingName_vofb9_44{justify-content:center;gap:6px}._ctaBtn_vofb9_115,._outlineBtn_vofb9_142{margin-top:12px}._popularBadge_vofb9_329{background:var(--accent);color:var(--dark);font-weight:700;font-size:1rem;padding:5px 18px 5px 12px;border-radius:18px;box-shadow:0 2px 8px #ffd7001f;display:flex;align-items:center;gap:6px;z-index:3;opacity:.95;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes _floatCard1_vofb9_1{0%{transform:translateY(0)}20%{transform:translateY(-10px)}50%{transform:translateY(0)}70%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes _floatCard2_vofb9_1{0%{transform:translateY(0)}15%{transform:translateY(8px)}40%{transform:translateY(-12px)}65%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes _floatCard3_vofb9_1{0%{transform:translateY(0)}25%{transform:translateY(-8px)}55%{transform:translateY(10px)}80%{transform:translateY(-6px)}to{transform:translateY(0)}}._pricingCard_vofb9_2._popular_vofb9_329{margin-top:32px!important}@media (max-width: 800px){#_pricingGrid_vofb9_150 table,#_pricingGrid_vofb9_150 thead,#_pricingGrid_vofb9_150 tbody,#_pricingGrid_vofb9_150 th,#_pricingGrid_vofb9_150 td,#_pricingGrid_vofb9_150 tr{font-size:13px!important}#_pricingGrid_vofb9_150 th{padding:12px 8px!important;font-size:15px!important}#_pricingGrid_vofb9_150 td{padding:10px 8px!important;font-size:13px!important}}.hero-cta-lowered{margin-top:80px!important}.hero{min-height:90vh;padding:120px 0 20px;display:flex;align-items:center;justify-content:center;position:relative;background:#ffffff;overflow:hidden}.hero:before{display:none}.hero-content{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1.4fr .8fr;gap:80px;align-items:center;min-height:60vh}.hero-left{display:flex;flex-direction:column;justify-content:center}.hero-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:40px;position:relative}.hero-right:before{display:none}.hero-eyebrow{font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.2em;margin-bottom:30px;opacity:0;transform:translate(-20px);transition:all .8s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;text-align:left}.hero-eyebrow.visible{opacity:1;transform:translate(0)}.hero-main-title{margin-bottom:0;line-height:.9;letter-spacing:-.05em;opacity:0;transform:translate(-30px);transition:all 1s cubic-bezier(.4,0,.2,1) .2s;text-align:left}.hero-main-title.visible{opacity:1;transform:translate(0)}.hero-large-text{display:block;font-size:clamp(3.5rem,9vw,7rem);font-weight:600;background:linear-gradient(135deg,#FF5757 0%,#00D4CC 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ff5757;margin-bottom:-.05em;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.hero-large-text:first-child{margin-bottom:-.1em}.hero-small-text{display:block;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:300;color:#6b7280;opacity:.8;margin-top:.3em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.hero-highlight{color:#111827;position:relative}.hero-highlight:after{display:none!important}.hero-description{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:#4b5563;margin-bottom:18px;font-weight:300;opacity:0;transform:translate(20px);transition:all .8s cubic-bezier(.4,0,.2,1) .4s;text-align:left;max-width:600px;align-self:flex-start}.hero-description.visible{opacity:1;transform:translate(0)}.hero-description-highlight{color:#111827;font-weight:500}.hero-description-stylish{font-size:1.08rem;color:#5a6a7a;font-family:Inter,Outfit,Arial,sans-serif;font-style:normal;font-weight:300;letter-spacing:.01em;line-height:1.7;max-width:420px;opacity:0;transform:translateY(20px);transition:all .7s cubic-bezier(.4,0,.2,1) .5s;margin-bottom:10px!important}.hero-description-stylish.visible{opacity:1;transform:translateY(0)}.hero-buttons{display:flex;flex-direction:column;gap:12px;align-items:flex-end;opacity:0;transform:translate(20px);transition:all .8s cubic-bezier(.4,0,.2,1) .6s;margin-bottom:18px}.hero-buttons.visible{opacity:1;transform:translate(0)}.hero-cta-block{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;margin-bottom:18px;margin-top:0}.hero-cta-block.hero-cta-lowered{margin-top:80px!important}.btn-primary-glass,.btn-secondary-glass{font-size:1.25rem!important;padding:20px 44px!important;border-radius:16px!important;min-width:260px!important;min-height:60px!important;height:60px!important;text-align:center!important;justify-content:center!important;align-items:center!important;display:flex!important}.btn-primary-glass{background:#fff;color:#17989e;border:1.5px solid #e5e7eb;font-weight:600;font-size:1.08rem;border-radius:12px;padding:15px 36px;box-shadow:0 2px 8px #0000000f;letter-spacing:.02em;transition:background .18s,color .18s,box-shadow .18s,border-color .18s,transform .16s;outline:none}.btn-primary-glass:hover,.btn-primary-glass:focus{background:#12787c;color:#fff;border-color:#12787c;box-shadow:0 4px 16px #17989e1a;transform:translateY(-1px) scale(1.03)}.btn-secondary-glass{background:transparent;color:#111827;border:1.5px solid #d1d5db;font-weight:500;font-size:1.08rem;border-radius:12px;padding:15px 36px;letter-spacing:.02em;transition:background .18s,color .18s,border-color .18s,transform .16s;outline:none}.btn-secondary-glass:hover,.btn-secondary-glass:focus{background:#f3f4f6;color:#111827;border-color:#bfc3c9;transform:translateY(-1px) scale(1.03)}.hero-transition,.wave-container,.wave,.transition-content{display:none}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:50px;text-align:center;padding:0 40px}.hero-left{order:1}.hero-right{order:2;padding-left:0;padding-top:40px;align-items:center}.hero-main-title{text-align:center}.hero-description{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{align-items:center}.hero-cta-block{justify-content:center;flex-direction:row}.btn-primary-glass,.btn-secondary-glass{font-size:1.08rem!important;padding:14px 28px!important;min-width:180px!important;min-height:48px!important;height:48px!important}}@media (max-width: 768px){.hero{padding:90px 0;min-height:85vh}.hero-content{padding:0 20px;gap:40px;min-height:50vh;margin-top:48px}.hero-left{margin-bottom:0}.hero-right{padding-top:30px}.hero-eyebrow{margin-bottom:20px;font-size:.7rem}.hero-large-text{font-size:clamp(2.5rem,10vw,4.5rem)}.hero-small-text{font-size:clamp(1rem,4vw,1.25rem);margin-top:.2em}.hero-description{font-size:clamp(.9rem,4vw,1rem);margin-bottom:30px}.hero-buttons{gap:10px}.hero-cta-block{flex-direction:column;gap:10px;width:100%}.hero-cta-block.hero-cta-lowered{margin-top:40px!important}.btn-primary-glass,.btn-secondary-glass{font-size:1rem!important;padding:10px 18px!important;min-width:140px!important;min-height:40px!important;height:40px!important}}@media (max-width: 480px){.hero-content{padding:0 16px}.btn-primary-glass,.btn-secondary-glass{font-size:.95rem!important;padding:8px 10px!important;min-width:110px!important;min-height:34px!important;height:34px!important;max-width:100vw!important}}@media (prefers-reduced-motion: reduce){.hero-eyebrow,.hero-main-title,.hero-description,.hero-buttons{transition:opacity .3s ease}}.hero-large-text.hero-highlight{white-space:nowrap}.hero-right .hero-description,.hero-right .hero-description-stylish{text-align:center!important;align-self:center!important}.hero-description,.hero-description-stylish{font-weight:300!important}.hero-gradient-overlay{position:absolute;top:-10%;left:-10%;width:120%;height:60%;pointer-events:none;z-index:1;background:linear-gradient(120deg,rgba(255,87,87,.35) 0%,rgba(0,212,204,.28) 100%);filter:blur(32px);opacity:.33;border-radius:40% 60% 50% 70%/60% 40% 70% 50%;transition:opacity .5s}.hero{position:relative;z-index:0}.hero-content,.hero-left,.hero-right{position:relative;z-index:2}html,body{width:100%!important;height:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;background:linear-gradient(120deg,#f8f9fa 0%,#f0f4f8 100%)!important;background-size:100% 100%!important;background-attachment:fixed!important;background-repeat:no-repeat!important;background-position:center center!important}#root,.app-container,.app-main{width:100%!important;min-height:100vh!important;background:inherit!important}.home-page,.account-page,.dashboard-page,.prompt-library{width:100%!important;min-height:100vh!important;background:inherit!important;position:relative}@media (min-width: 1200px){html,body{background-size:100% 100%!important;background-attachment:fixed!important}}@media (min-width: 1440px){html,body{background-size:100% 100%!important;background-position:center center!important}}@media (min-width: 1920px){html,body{background-size:cover!important;background-position:center center!important}}@media (min-width: 2560px){html,body{background-size:100% 100%!important;background-attachment:fixed!important}}@media (min-width: 3440px){html,body{background-size:100% 100%!important;background-position:center center!important}}section{width:100%!important;background:inherit!important}.container,.hero,.features{background:transparent!important}*{background-color:transparent}.modal,.card,.navbar,header,.btn,button,input,select,textarea,.account-section-profile,.account-section-password,.account-section-subscription,.pricing-card,.feature-card,.purpose-card,.technique-card,.model-tab{background-color:initial!important}.blurred-bg{filter:blur(6px) brightness(.92);transition:filter .3s;pointer-events:none;-webkit-user-select:none;user-select:none}:root{--primary: #FF5757;--primary-dark: #FF3333;--primary-light: #FF9999;--secondary: #00D4CC;--secondary-dark: #00A8A3;--accent: #FFD700;--accent-dark: #FFC700;--dark: #2D3436;--light: #F8F9FA;--surface: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-on-primary: #FFFFFF;--panel-border: 3px solid #000000;--gray: #95A5A6;--gray-light: #ECF0F1;--claude-color: #8C52FF;--gpt-color: #10A37F;--llama-color: #0082FB;--gemini-color: #8E75B1;--mistral-color: #4D37B3;--gradient-primary: linear-gradient(135deg, #FF5757 0%, #FF3333 100%);--gradient-secondary: linear-gradient(135deg, #00D4CC 0%, #00A8A3 100%);--gradient-hero: linear-gradient(135deg, #FF5757 0%, #FFD700 100%);--gradient-coral: linear-gradient(135deg, #FF5757 0%, #FF9999 100%);--gradient-warm: linear-gradient(135deg, #FFD700 0%, #FFC700 100%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}html{scroll-behavior:smooth;width:100%;height:100vh}body{color:var(--text-primary);line-height:1.6;font-weight:400;font-size:16px;background:linear-gradient(120deg,#f8f9fa 0%,#f0f4f8 100%);background-size:100% 100%;background-attachment:fixed;background-repeat:no-repeat;margin:0;padding:0;position:relative;overflow-x:hidden;width:100%}body{overflow-x:hidden;overflow-y:auto;min-height:100vh}@media (min-width: 1025px){.dashboard-page,.account-page,.prompt-library{overflow:hidden!important;height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important}}@media (max-width: 1024px){body{overflow-y:auto!important}.page-wrapper{height:auto!important;overflow:visible!important}.dashboard-page,.account-page,.prompt-library{overflow:auto!important;height:auto!important;max-height:none!important;min-height:calc(100vh - 80px)!important}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.promptlibrary-grid{display:grid;grid-template-columns:300px 1fr;gap:14px}.account-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media (max-width: 1024px){.account-grid{grid-template-columns:1fr 1fr}.promptlibrary-grid{grid-template-columns:250px 1fr}}@media (max-width: 768px){.dashboard-grid,.promptlibrary-grid,.account-grid{grid-template-columns:1fr;gap:10px}.dashboard-page,.account-page,.prompt-library{padding:8px!important}.dashboard-page .dashboard-grid>div,.account-page .account-grid>div{min-height:280px!important}.prompt-library .promptlibrary-grid>div>div{min-height:60px!important;padding:8px!important}}#root,.app-container,html,body{width:100%;min-height:100vh;background:inherit;margin:0;padding:0;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}section{min-height:100vh;position:relative;width:100%}.dashboard-grid,.account-grid,.promptlibrary-grid{display:grid;gap:14px;align-items:stretch}@media (min-width: 1025px){.dashboard-grid,.account-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.promptlibrary-grid{grid-template-columns:minmax(190px,240px) 1fr}.page-container,.dashboard-page,.account-page,.prompt-library{overflow:visible!important}}@media (max-width: 1024px){.dashboard-grid,.account-grid,.promptlibrary-grid{grid-template-columns:1fr}.dashboard-page,.account-page,.prompt-library{padding:4px!important}.promptlibrary-grid>div{width:100%!important;min-width:0!important}}@media (max-width: 600px){.dashboard-page,.account-page,.prompt-library{padding:2px!important}.dashboard-grid,.account-grid,.promptlibrary-grid{gap:8px}}.btn{font-family:Outfit,sans-serif;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;font-size:clamp(14px,2vw,16px);text-align:center;border:none;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:clamp(8px,1.5vw,12px) clamp(16px,3vw,24px)}.floating-lightning{position:absolute;top:0;left:0;width:140vw;height:140vh;pointer-events:none;z-index:1;overflow:hidden}.lightning-bolt{position:absolute;width:80px;height:100px;opacity:.15;filter:blur(.5px);transition:transform .1s ease-out;pointer-events:all}.lightning-bolt svg{width:100%;height:100%}.page-container{padding:80px 14px 14px;max-width:100vw;margin:0 auto;width:100%;min-height:100vh;background:inherit}@media (max-width: 1024px){.page-container{padding:64px 4px 4px!important}}@media (max-width: 600px){.page-container{padding:48px 2px 2px!important}}.account-section-profile,.account-section-password,.account-section-subscription,.account-section-plan{background:#fff!important;background-color:#fff!important}.account-grid>div{background:#fff!important;background-color:#fff!important}
