*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}@media(hover: hover)and (pointer: fine){html{scroll-behavior:smooth}}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;color:#1f2937;line-height:1.2;font-weight:700}h1{font-size:3.5rem;margin-bottom:2rem}@media(max-width: 768px){h1{font-size:2rem}}h2{font-size:2.5rem;margin-bottom:1.5rem}@media(max-width: 768px){h2{font-size:1.5rem}}h3{font-size:2rem;margin-bottom:1rem}@media(max-width: 768px){h3{font-size:1.25rem}}h4{font-size:1.5rem;margin-bottom:1rem}@media(max-width: 768px){h4{font-size:1.125rem}}h5{font-size:1.25rem;margin-bottom:.5rem}@media(max-width: 768px){h5{font-size:1rem}}h6{font-size:1.125rem;margin-bottom:.5rem}@media(max-width: 768px){h6{font-size:.875rem}}p{font-family:"Open Sans",sans-serif;color:#1f2937;line-height:1.6;margin-bottom:1rem}a{color:#1e3a8a;text-decoration:none;transition:color .3s ease}a:hover{color:#1c347a}body{font-family:"Open Sans",sans-serif;color:#1f2937;background-color:#fff;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}body:has(.hero-section),body:has(.faq-hero-section),body:has(.blog-hero-section),body:has(.pricing-section):not(:has(.hero-section)),body:has(.auth-section),body:has(.page-hero-section){background-image:url("/img/hero-background.svg");background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}@media(max-width: 768px){body:has(.hero-section),body:has(.faq-hero-section),body:has(.blog-hero-section),body:has(.pricing-section),body:has(.auth-section),body:has(.page-hero-section){background-image:radial-gradient(ellipse 80% 60% at 90% 10%, rgba(46, 111, 230, 0.12) 0%, transparent 70%),radial-gradient(ellipse 70% 50% at 10% 85%, rgba(46, 111, 230, 0.1) 0%, transparent 60%),radial-gradient(ellipse 50% 40% at 15% 15%, rgba(246, 178, 122, 0.12) 0%, transparent 70%),radial-gradient(ellipse 45% 35% at 60% 60%, rgba(246, 178, 122, 0.08) 0%, transparent 60%),radial-gradient(ellipse 60% 40% at 80% 95%, rgba(77, 163, 255, 0.08) 0%, transparent 50%);background-color:#fdfdfd;background-attachment:scroll;background-size:100% 100%}}main{padding-top:4.375rem;min-height:calc(100vh - 4.375rem);flex:1;display:flex;flex-direction:column}@media(min-width: 992px)and (max-width: 1919px){main{padding-top:calc(4.375rem*.99);min-height:calc(100vh - 4.375rem*.99)}}@media(max-width: 768px){main{padding-top:calc(6.5625rem + 1rem)}body.mobile-menu-open main{padding-top:calc(6.5625rem + 200px)}.portal-header-section{padding:calc(6.5625rem + 1rem) 1rem 2rem 1rem}.page-main-wrapper{padding-top:0}.page-hero-section{padding-top:calc(6.5625rem + 1rem);padding-bottom:2rem}.page-content-section{padding-top:1.5rem}}.container{width:100%;max-width:75rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}section{padding:0;max-width:75rem;margin:0 auto;text-align:center}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media(max-width: 768px){body{overflow-x:hidden;position:relative}html{overflow-x:hidden}}html{font-size:100%}@media(min-width: 768px){html{font-size:65%}}@media(min-width: 992px){html{font-size:68%}}@media(min-width: 1920px){html{font-size:100%}}.main-header{background:linear-gradient(135deg, #60A5FA 0%, #1E3A8A 100%);backdrop-filter:blur(10px);height:4.375rem;width:100%;position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(30,58,138,.15)}@media(hover: none)and (pointer: coarse){.main-header{backdrop-filter:none;-webkit-backdrop-filter:none}}.header-container{max-width:75rem;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.header-right-group{display:flex;align-items:center;gap:2rem;flex-wrap:nowrap;min-width:0}.header-actions{display:flex;align-items:center;gap:1rem}@media(min-width: 1025px){.hide-on-desktop{display:none}}@media(min-width: 992px)and (max-width: 1919px){.main-header{height:calc(4.375rem*.99)}.header-container{height:calc(4.375rem*.99)}.logo{font-size:calc(1.5rem*.68)}.logo img{height:calc(3rem*.68)}body:has(.hero-section) .logo img,body:has(.blog-hero-section) .logo img{height:calc(3rem*.68)}.logo span{margin-left:calc(0.625rem*.68);font-size:.884rem}.main-nav a{font-size:.85rem}.language-switcher a{font-size:calc(0.75rem*.9)}.main-header .header-actions .btn,.main-header .header-actions .btn-primary,.main-header .header-actions .btn-secondary,.main-header .header-actions a.btn,.main-header .header-actions a.btn-primary,.main-header .header-actions a.btn-secondary{padding:calc(0.75rem*.68) calc(1.5rem*.68) !important;font-size:.952rem !important;line-height:1.2 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;vertical-align:middle !important;height:auto !important}}@media(min-width: 1920px){.main-header{height:calc(4.375rem*1.1)}.header-container{height:calc(4.375rem*1.1);padding:0 calc(2rem*1.2);max-width:87.5rem}.header-right-group{gap:calc(2rem*1.2);flex-wrap:nowrap}.main-nav{flex-shrink:1;min-width:0;gap:calc(1.5rem*1.1)}.main-nav a{font-size:.95rem;padding:calc(0.5rem*1.1) calc(1rem*1.1);white-space:nowrap}.language-switcher{margin-left:calc(1rem*1.1);flex-shrink:0}.language-switcher a{font-size:.75rem;padding:calc(0.25rem*1.1) calc(0.5rem*1.1)}.logo{font-size:calc(1.5rem*1.05)}.logo img{height:calc(3rem*1.05)}body:has(.hero-section) .logo img,body:has(.blog-hero-section) .logo img{height:calc(3rem*1.05)}.logo span{margin-left:calc(0.625rem*1.1);font-size:1.365rem}.main-header .header-actions .btn,.main-header .header-actions .btn-primary,.main-header .header-actions .btn-secondary,.main-header .header-actions a.btn,.main-header .header-actions a.btn-primary,.main-header .header-actions a.btn-secondary{padding:calc(0.75rem*1.1) calc(1.5rem*1.15) !important;font-size:1.05rem !important;line-height:1.3 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;vertical-align:middle !important;height:auto !important}.header-actions{gap:calc(1rem*1.2)}}.logo{font-family:"Poppins",sans-serif;font-weight:500;font-size:1.5rem;color:#f59e0b;text-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo img{height:3rem;width:auto;max-height:100%;object-fit:contain;display:block;vertical-align:middle;transition:height opacity ease}.logo:hover img{opacity:.92}body:has(.hero-section) .logo img,body:has(.blog-hero-section) .logo img{height:3rem;width:auto}.main-nav{display:flex;gap:2rem;align-items:center}.main-nav a{text-decoration:none;color:hsla(0,0%,100%,.9);font-weight:700;transition:all .3s ease;white-space:nowrap;line-height:1.2}.main-nav a:hover{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.3)}.main-nav a.nav-active{color:#fff;font-weight:700;text-shadow:0 0 10px hsla(0,0%,100%,.4);box-shadow:0 2px 0 0 hsla(0,0%,100%,.9)}.main-header .btn-secondary{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.9)}.main-header .btn-secondary:hover{background-color:hsla(0,0%,100%,.1);color:#fff;border-color:#fff}.logo span{vertical-align:middle;margin-left:.625rem;font-size:1.3rem}.language-switcher{display:flex;gap:.25rem;margin-left:1rem;align-items:center;flex-shrink:0}.language-switcher a{display:inline-block;padding:.25rem .5rem;text-decoration:none;color:hsla(0,0%,100%,.8);font-weight:400;font-size:.75rem;border-radius:.1875rem;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.2);min-width:1.75rem;text-align:center;white-space:nowrap}.language-switcher a:hover{color:#fff;background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4)}.language-switcher a.active{color:#fff;background-color:#f59e0b;border-color:#f59e0b;box-shadow:0 1px 3px rgba(245,158,11,.3)}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;color:#fff;padding:.5rem;line-height:0}.mobile-nav-toggle .hamburger-icon{display:block;width:24px;height:24px}@media(max-width: 768px){.main-header{height:6.5625rem}.header-container{flex-direction:row;justify-content:space-between;padding:0 1rem;height:6.5625rem;align-items:center}.header-right-group{display:none;position:absolute;top:calc(var(--header-height, 6.5625rem) + 1px);left:0;width:100%;background:linear-gradient(180deg, #1E3A8A 0%, #2c52ac 100%);flex-direction:column;align-items:center;padding:0;gap:0 !important;box-shadow:0 10px 30px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.15);z-index:1000;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.header-right-group.active{display:flex;opacity:1;transform:translateY(0)}.main-nav{flex-direction:column;width:100%;align-items:center;gap:0}.main-nav a,.header-actions a{color:#fff;width:100%;min-height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;border-bottom:1px solid hsla(0,0%,100%,.2);font-size:.8125rem;padding:.75rem 1rem !important;margin:0 !important;margin-bottom:0 !important;text-align:center;line-height:1 !important;box-sizing:border-box;font-weight:700 !important;transition:background-color .2s ease,color .2s ease;position:relative}.main-nav a:first-child,.header-actions a:first-child{margin-top:0 !important}.main-nav a:last-child,.header-actions a:last-child{margin-bottom:0 !important}.main-nav a:hover,.header-actions a:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.main-nav a:active,.header-actions a:active{background-color:hsla(0,0%,100%,.15)}.main-nav a.nav-active,.header-actions a.nav-active{background-color:hsla(0,0%,100%,.15);box-shadow:inset 4px 0 0 hsla(0,0%,100%,.9)}.header-actions{flex-direction:column;width:100%;align-items:center;gap:0;margin-bottom:0 !important;margin-top:0 !important}.header-actions .btn{border:none;background:rgba(0,0,0,0);width:100%;min-height:auto !important;margin:0 !important;margin-bottom:0 !important;border-radius:0;font-size:.8125rem;display:flex !important;align-items:center !important;justify-content:center !important;padding:.75rem 1rem !important;line-height:1 !important;box-sizing:border-box;font-weight:700 !important;transition:background-color .2s ease,color .2s ease;border-bottom:1px solid hsla(0,0%,100%,.2)}.header-actions .btn:first-child{margin-top:0 !important}.header-actions .btn:last-child{margin-bottom:0 !important}.header-actions .btn:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.header-actions .btn:active{background-color:hsla(0,0%,100%,.15)}.language-switcher{flex-direction:row;gap:.25rem;padding:0;margin:0 !important;margin-top:0 !important;width:100%;justify-content:center;align-items:center;height:2.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;font-size:.75rem;box-sizing:border-box;background-color:rgba(0,0,0,0)}.language-switcher .lang-dropdown{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.language-switcher .lang-toggle{width:100%;height:100%;min-height:2.5rem !important;max-height:2.5rem !important;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:rgba(0,0,0,0);color:#fff;font-size:.75rem;line-height:1;box-sizing:border-box;transition:background-color .2s ease}.language-switcher .lang-toggle:hover{background-color:hsla(0,0%,100%,.1)}.language-switcher a{font-size:.75rem;display:flex;align-items:center;justify-content:center;height:100%}.mobile-nav-toggle{display:block}.logo img{height:2.5rem !important}}@media(max-width: 480px){.logo img{height:2.25rem !important}}@media(max-width: 768px){body .main-header .header-container{align-items:center !important;height:6.5625rem !important}body .main-header .logo img{height:2.125rem !important}body header.main-header{height:6.5625rem !important}body header.main-header div.header-container{display:flex !important;align-items:center !important;justify-content:space-between !important;height:6.5625rem !important}body header.main-header div.header-container a.logo img{height:2.125rem !important;width:auto !important}body header.main-header div.header-container button.mobile-nav-toggle{display:block !important;order:3 !important;align-self:center !important;margin:0 !important;padding:.5rem !important;background:none !important;border:none !important;color:#fff !important;font-size:1.8rem !important}body header.main-header div.header-right-group{top:6.5625rem !important}body header.main-header div.header-right-group .main-nav a,body header.main-header div.header-right-group .main-nav a[href],body header.main-header div.header-right-group .main-nav a[href*="#home"],body header.main-header div.header-right-group .main-nav a[href*="/#home"],body header.main-header div.header-right-group .header-actions a,body header.main-header div.header-right-group .header-actions a[href],body header.main-header div.header-right-group .header-actions a.btn,body header.main-header div.header-right-group .header-actions a[href*="/login"],body header.main-header div.header-right-group .header-actions a[href*="/register"],body header.main-header div.header-right-group .header-actions a[href*="/portal"],body header.main-header div.header-right-group .header-actions a.btn-primary,body header.main-header div.header-right-group .header-actions a.btn-secondary,body header.main-header div.header-right-group .header-actions .btn,body header.main-header div.header-right-group .header-actions .btn-primary,body header.main-header div.header-right-group .header-actions .btn-secondary{min-height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;box-sizing:border-box !important}body header.main-header div.header-right-group .main-nav a,body header.main-header div.header-right-group .main-nav a[href*="#home"],body header.main-header div.header-right-group .header-actions a,body header.main-header div.header-right-group .header-actions a.btn,body header.main-header div.header-right-group .header-actions a.btn-primary,body header.main-header div.header-right-group .header-actions a.btn-secondary,body header.main-header div.header-right-group .header-actions .btn,body header.main-header div.header-right-group .header-actions .btn-primary,body header.main-header div.header-right-group .header-actions .btn-secondary{min-height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;box-sizing:border-box !important;border-radius:0 !important;border-width:0 !important;border-bottom:1px solid hsla(0,0%,100%,.2) !important;transition:background-color .2s ease,color .2s ease !important}body header.main-header div.header-right-group .main-nav a:hover,body header.main-header div.header-right-group .main-nav a[href*="#home"]:hover,body header.main-header div.header-right-group .header-actions a:hover,body header.main-header div.header-right-group .header-actions a.btn:hover,body header.main-header div.header-right-group .header-actions a.btn-primary:hover,body header.main-header div.header-right-group .header-actions a.btn-secondary:hover,body header.main-header div.header-right-group .header-actions .btn:hover,body header.main-header div.header-right-group .header-actions .btn-primary:hover,body header.main-header div.header-right-group .header-actions .btn-secondary:hover{background-color:hsla(0,0%,100%,.1) !important;color:#fff !important}body header.main-header div.header-right-group .main-nav a:active,body header.main-header div.header-right-group .main-nav a[href*="#home"]:active,body header.main-header div.header-right-group .header-actions a:active,body header.main-header div.header-right-group .header-actions a.btn:active,body header.main-header div.header-right-group .header-actions a.btn-primary:active,body header.main-header div.header-right-group .header-actions a.btn-secondary:active,body header.main-header div.header-right-group .header-actions .btn:active,body header.main-header div.header-right-group .header-actions .btn-primary:active,body header.main-header div.header-right-group .header-actions .btn-secondary:active{background-color:hsla(0,0%,100%,.15) !important}body header.main-header div.header-right-group .main-nav a,body header.main-header div.header-right-group .main-nav a[href*="#home"],body header.main-header div.header-right-group .header-actions a,body header.main-header div.header-right-group .header-actions a.btn,body header.main-header div.header-right-group .header-actions a.btn-primary,body header.main-header div.header-right-group .header-actions a.btn-secondary,body header.main-header div.header-right-group .header-actions .btn,body header.main-header div.header-right-group .header-actions .btn-primary,body header.main-header div.header-right-group .header-actions .btn-secondary{font-size:.8125rem !important;background:rgba(0,0,0,0) !important;background-image:none !important;box-shadow:none !important;font-weight:700 !important;text-decoration:none !important;vertical-align:middle !important;transform:none !important}body header.main-header div.header-right-group .main-nav a{border-bottom:1px solid hsla(0,0%,100%,.2) !important}body header.main-header div.header-right-group .header-actions a,body header.main-header div.header-right-group .header-actions .btn{border-bottom:1px solid hsla(0,0%,100%,.2) !important}body header.main-header div.header-right-group .header-actions a.btn-primary[href*=register],body header.main-header div.header-right-group .header-actions a[href*=register].btn-primary{min-height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;background:rgba(0,0,0,0) !important;background-image:none !important;border:none !important;border-bottom:1px solid hsla(0,0%,100%,.2) !important;transition:background-color .2s ease,color .2s ease !important}body header.main-header div.header-right-group .header-actions a.btn-primary[href*=register]:hover,body header.main-header div.header-right-group .header-actions a[href*=register].btn-primary:hover{background-color:hsla(0,0%,100%,.1) !important;color:#fff !important}body header.main-header div.header-right-group .header-actions a.btn-primary[href*=register]:active,body header.main-header div.header-right-group .header-actions a[href*=register].btn-primary:active{background-color:hsla(0,0%,100%,.15) !important}body header.main-header div.header-right-group .header-actions a.btn-primary[href*=register],body header.main-header div.header-right-group .header-actions a[href*=register].btn-primary{color:#fff !important;box-shadow:none !important;font-weight:700 !important;font-size:.8125rem !important}body header.main-header div.header-right-group .main-nav a[href*="#home"],body header.main-header div.header-right-group .main-nav a[href*="/#home"]{min-height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;font-weight:700 !important;font-size:.8125rem !important}body header.main-header div.header-right-group .header-actions a[href*="/login"],body header.main-header div.header-right-group .header-actions a[href*="/portal"],body header.main-header div.header-right-group .header-actions a.btn-primary[href*="/portal"],body header.main-header div.header-right-group .header-actions a.btn-secondary[href*="/login"]{font-weight:bold !important}body header.main-header div.header-right-group .language-switcher{height:2.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;background-color:rgba(0,0,0,0) !important}body header.main-header div.header-right-group .language-switcher .lang-dropdown{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important}body header.main-header div.header-right-group .language-switcher .lang-toggle{width:100% !important;height:100% !important;min-height:2.5rem !important;max-height:2.5rem !important;padding:0 !important;margin:0 !important;border:none !important;background:rgba(0,0,0,0) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:0 !important;line-height:1 !important;box-sizing:border-box !important}}.main-footer{background:linear-gradient(135deg, #1F2937 0%, #111827 100%);color:#f9fafb;margin-top:auto;position:relative;border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 -4px 20px rgba(0,0,0,.15)}.main-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%)}.footer-top{padding:3rem 2rem 2rem 2rem}.footer-bottom{padding:1.5rem 2rem;border-top:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.2)}.footer-container{max-width:75rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;width:100%}@media(min-width: 768px){.footer-container{grid-template-columns:repeat(2, 1fr);gap:2rem;align-items:start}.footer-brand{grid-column:span 2;max-width:400px}}@media(min-width: 992px){.footer-container{grid-template-columns:1.5fr repeat(5, 1fr);gap:2rem}.footer-brand{grid-column:span 1;max-width:280px}}@media(min-width: 1200px){.footer-container{gap:2.5rem}.footer-brand{max-width:300px}}.footer-brand{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.footer-logo{margin-bottom:.5rem}.footer-logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;transition:all .3s ease}.footer-logo-link:hover{color:#60a5fa;transform:translateX(2px)}.footer-logo-img{height:32px !important;width:auto !important;max-width:32px !important;max-height:32px !important;flex-shrink:0;object-fit:contain;filter:brightness(0) invert(1);opacity:.95;transition:all .3s ease;display:block}.footer-logo-link:hover .footer-logo-img{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(96, 165, 250, 0.5))}.footer-logo-text{font-size:1.2rem;font-weight:700;letter-spacing:-0.02em;background:linear-gradient(135deg, #FFFFFF 0%, #E5E7EB 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.footer-description{color:hsla(0,0%,100%,.7);font-size:.9rem;line-height:1.6;margin:0;max-width:280px}.footer-column{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}@media(min-width: 768px){.footer-column{height:100%}}.footer-column-title{margin:0 0 1rem 0;font-size:.875rem !important;font-weight:600 !important;color:#fff !important;text-transform:uppercase;letter-spacing:.05em;min-height:1.5rem;display:flex;align-items:center;gap:.5rem}.footer-icon{font-size:.875rem;color:#60a5fa;opacity:.9}@media(min-width: 768px){.footer-column-title{margin-top:0;padding-top:0}}.main-footer h3,.main-footer h3.footer-column-title,footer h3,footer h3.footer-column-title,.main-footer .footer-column-title,footer .footer-column-title{color:#fff !important;font-family:inherit !important;font-size:.875rem !important;font-weight:600 !important;line-height:1.2 !important;margin-bottom:.75rem !important}.footer-nav{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.footer-nav a{color:hsla(0,0%,100%,.75);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.footer-nav a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg, #60A5FA 0%, #3B82F6 100%);transition:width .3s ease}.footer-nav a:hover{color:#fff;transform:translateX(4px)}.footer-nav a:hover::after{width:100%}.footer-nav a:hover .footer-link-icon{color:#60a5fa;transform:scale(1.1)}.footer-link-icon{font-size:.85rem;color:hsla(0,0%,100%,.5);transition:all .3s ease;width:16px;text-align:center;flex-shrink:0}.footer-social{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);color:hsla(0,0%,100%,.8);width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.footer-social-link:hover{color:#0a66c2;transform:scale(1.1) translateY(-2px);background:rgba(10,102,194,.2);box-shadow:0 6px 16px rgba(10,102,194,.4);border-color:rgba(10,102,194,.3)}.footer-copyright{margin:0;color:hsla(0,0%,100%,.6);font-size:.85rem;font-weight:400;letter-spacing:.01em;text-align:center;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:nowrap;white-space:nowrap}.footer-separator{color:hsla(0,0%,100%,.3);margin:0 .5rem}.footer-rights{color:hsla(0,0%,100%,.5)}@media(min-width: 992px)and (max-width: 1919px){.main-footer{padding:1.7rem 1.36rem 1.36rem 1.36rem}.footer-container{gap:2.04rem}.footer-nav{gap:.51rem}.footer-social-link{width:1.7rem;height:1.7rem;font-size:1.224rem}}@media(max-width: 768px){.footer-top{padding:2rem 1rem 1.5rem 1rem}.footer-bottom{padding:1.25rem 1rem}.main-footer{min-height:auto}.footer-container{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{align-items:center;max-width:100%}.footer-logo-link{justify-content:center}.footer-description{text-align:center;max-width:100%}.footer-column{align-items:center;gap:1rem}.footer-column-title{font-size:.875rem;text-align:center !important;justify-content:center !important;width:100%;margin-left:auto;margin-right:auto}.footer-nav{align-items:center;gap:.75rem;justify-content:center}.footer-nav a{font-size:.85rem;justify-content:center}.footer-nav a:hover{transform:translateY(-2px)}.footer-social{justify-content:center;width:100%}.footer-social-link{font-size:1.5rem;width:44px;height:44px}.footer-copyright{font-size:.8rem;text-align:center;flex-direction:column;gap:.5rem}.footer-separator{display:none}}@media(max-width: 480px){.main-footer{padding:1.5rem 1rem 5.5rem 1rem}.footer-container{gap:1.5rem}.footer-column{gap:.75rem}.footer-nav{gap:.5rem}}#admin-scroll-controls{display:none !important;visibility:hidden;opacity:0;position:fixed;right:12px;top:50%;transform:translateY(-50%);flex-direction:column;gap:10px;z-index:1300;pointer-events:none}#admin-scroll-controls .admin-scroll-btn{pointer-events:auto;width:44px;height:44px;border-radius:9999px;border:1px solid rgba(0,0,0,.15);background:hsla(0,0%,100%,.9);box-shadow:0 6px 16px rgba(0,0,0,.15);color:#1f2937;font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center;touch-action:manipulation}#admin-scroll-controls .admin-scroll-btn:active{transform:scale(0.98)}@media(hover: hover){#admin-scroll-controls .admin-scroll-btn:hover{background:#fff}}body.mobile-menu-open #admin-scroll-controls{right:16px}.features-section,.how-it-works-section,.pricing-section,.privacy-section,.faq-section,.visual-features-section,.cost-calculator-section{padding:6rem 2rem}@media(max-width: 768px){.features-section,.how-it-works-section,.pricing-section,.privacy-section,.faq-section{padding:calc(6.5625rem + 2rem) 1rem 4rem 1rem}}.section-title{font-family:"Poppins",sans-serif;font-size:2.5rem;color:#1e3a8a;margin-bottom:3rem}.hero-section{padding-top:calc(4.375rem + 2rem);padding-bottom:5rem;display:flex;justify-content:center;align-items:center;text-align:center;padding-left:2rem;padding-right:2rem;min-height:80vh;position:relative;z-index:1}.hero-content{flex:1;max-width:800px;margin:0 auto;text-align:center}.hero-content h1{font-family:"Poppins",sans-serif;font-size:3.5rem;line-height:1.2;margin-bottom:1rem;text-align:center;width:100%}.hero-content p{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;text-align:center;line-height:1.6}.hero-mockup{flex:.8}.hero-mockup img{width:100%;height:auto;border-radius:.5rem}@media(max-width: 768px){.hero-section{flex-direction:column;text-align:center;gap:2rem;padding:calc(6.5625rem + 1rem) 1rem 2rem 1rem;min-height:70vh;justify-content:center;align-items:center}.hero-content{max-width:100%;padding:0 1rem}.hero-content h1{font-size:2.5rem;text-align:center;width:100%}.hero-content p{font-size:1.1rem;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}.hero-mockup{flex:1;order:-1}}@media(max-width: 480px){.hero-section{padding:calc(6.5625rem + .25rem) .75rem 1rem .75rem;gap:1.5rem;min-height:60vh}.hero-content{padding:0 .5rem}.hero-content h1{font-size:2rem;text-align:center;width:100%}.hero-content p{font-size:1rem;text-align:center;max-width:100%;margin-left:auto;margin-right:auto}}.features-section{background-color:rgba(0,0,0,0)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);text-align:center;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0);position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#e2e8f0}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-icon{font-size:2.5rem;color:#1e3a8a;margin-bottom:1rem;transition:transform .3s ease;display:inline-block}.feature-card h3{font-family:"Poppins",sans-serif;margin-bottom:.5rem;color:#1e3a8a}@media(max-width: 768px){.features-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.875rem;line-height:1.5}}@media(max-width: 480px){.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.25rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.875rem}}.steps-container{display:flex;justify-content:space-between;gap:2rem;position:relative;margin-top:4rem}.step-card{background:#fff;padding:1.5rem;flex:1;text-align:center}.step-number{width:3.75rem;height:3.75rem;background:#1e3a8a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem auto;border:4px solid #f9fafb;outline:2px solid #1e3a8a}.step-card h3{font-family:"Poppins",sans-serif;margin-bottom:.5rem}@media(max-width: 768px){.steps-container{flex-direction:column;gap:1.5rem;margin-top:2rem}.step-card{padding:1.25rem}}@media(max-width: 480px){.steps-container{gap:1rem;margin-top:1.5rem}.step-card{padding:1rem}.step-number{width:3.125rem;height:3.125rem;font-size:1.2rem}}.pricing-section{background-color:rgba(0,0,0,0);text-align:center;padding:calc(4.375rem + 2rem) 2rem 4rem;min-height:100vh;max-width:100%;width:100%}.pricing-hero{padding-bottom:2.5rem;margin-bottom:2rem}.pricing-title{font-family:"Poppins",sans-serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg, #1e40af 0%, #667eea 50%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:-0.03em;max-width:900px;margin-left:auto;margin-right:auto}.pricing-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:#64748b;line-height:1.65;margin-bottom:1rem;max-width:720px;margin-left:auto;margin-right:auto}.pricing-hint{font-size:.875rem;color:#475569;line-height:1.5;margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto;padding:.5rem 1rem;background:rgba(102,126,234,.08);border-radius:.75rem;display:inline-block}.faq-section{background-color:#fff}.faq-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;max-width:1200px;margin:3rem auto 0}.faq-grid .faq-item{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid rgba(0,0,0,0);position:relative;overflow:hidden}.faq-grid .faq-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.faq-grid .faq-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-4px);border-color:#e2e8f0}.faq-grid .faq-item:hover::before{transform:scaleX(1)}.faq-grid .faq-item h3{font-family:"Poppins",sans-serif;font-size:1.25rem;font-weight:700;color:#1e3a8a;margin-bottom:1rem;line-height:1.2}.faq-grid .faq-item p{color:#475569;line-height:1.6;margin:0;font-size:1rem}@media(max-width: 768px){.faq-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.faq-grid .faq-item{padding:1.5rem}.faq-grid .faq-item h3{font-size:1.125rem;margin-bottom:.75rem}.faq-grid .faq-item p{font-size:.875rem}}@media(max-width: 480px){.faq-grid{gap:1rem}.faq-grid .faq-item{padding:1rem}.faq-grid .faq-item h3{font-size:1rem}}.privacy-section{background-color:#f9fafb}.pricing-section .container{max-width:75rem;margin:0 auto;width:100%;padding-left:1rem;padding-right:1rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;align-items:stretch;width:100%}.pricing-card{background:linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);padding:2rem 2rem;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.04);border:1px solid #e2e8f0;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.pricing-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 100%);transform:scaleX(0);transition:transform .3s ease}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.08),0 4px 12px rgba(102,126,234,.12);border-color:#c7d2fe}.pricing-card:hover::before{transform:scaleX(1)}.pricing-card.popular{border-color:#667eea;border-width:2px;box-shadow:0 8px 24px rgba(102,126,234,.15)}.pricing-card.popular::before{transform:scaleX(1);height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%)}.pricing-card.popular:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(102,126,234,.2)}.pricing-card h3{font-family:"Poppins",sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1e293b}.price{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:1.5rem;transition:all .3s ease}.price-term{font-size:.875rem;font-weight:400;color:#64748b}.pricing-card ul{flex-grow:1;margin:0 0 2rem 0;padding:0;list-style:none;text-align:left}.pricing-card li{padding:.5rem 0;color:#475569;position:relative;padding-left:1.5rem;font-size:.9375rem;line-height:1.5}.pricing-card li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:bold}.pricing-card .btn{width:100%;padding:.75rem 1.25rem;font-weight:600}.billing-toggle-container{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 1.5rem;margin-bottom:1rem;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04);touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-flex}.billing-label{font-weight:600;color:#334155;font-size:1rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.save-badge{background:linear-gradient(135deg, #10b981 0%, #059669 100%);color:#fff;padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:700;white-space:nowrap;display:inline-block;margin-left:.25rem}.billing-toggle{position:relative;display:inline-block;width:3.5rem;height:1.75rem;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.billing-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;background-color:#cbd5e1;transition:all .3s ease;border-radius:1.75rem;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.toggle-slider:before{position:absolute;content:"";height:1.375rem;width:1.375rem;left:.1875rem;bottom:.1875rem;background-color:#fff;transition:all .3s ease;border-radius:50%}.billing-toggle input:checked+.toggle-slider{background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);box-shadow:0 2px 6px rgba(79,70,229,.4)}.billing-toggle input:checked+.toggle-slider:before{transform:translateX(1.75rem)}@media(max-width: 768px){.pricing-section{padding-top:calc(6.5625rem + 1.5rem);padding-bottom:3rem}.pricing-hero{padding-bottom:2rem;margin-bottom:1.5rem}.pricing-title{font-size:2.5rem;margin-bottom:.75rem;padding:0 1rem}.pricing-subtitle{font-size:1rem;padding:0 1rem;margin-bottom:1rem}.pricing-hint{font-size:.75rem;padding:.5rem 1rem;margin-bottom:1.5rem}.billing-toggle-container{width:100%;max-width:100%;padding:.75rem 1rem;gap:.5rem;flex-wrap:wrap;justify-content:center}.billing-label{font-size:.875rem}.save-badge{font-size:.6875rem;padding:.2rem .4rem}.pricing-section .container{padding-left:1rem;padding-right:1rem}.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card.popular{order:-1}.pricing-card{padding:2rem 1.5rem}.price{font-size:2.25rem}}@media(max-width: 480px){.pricing-section{padding-top:calc(6.5625rem + 1rem);padding-bottom:2.5rem}.pricing-title{font-size:2rem;margin-bottom:.5rem;padding:0 .5rem;line-height:1.3}.pricing-subtitle{font-size:.875rem;padding:0 .5rem;margin-bottom:1rem}.pricing-hint{font-size:.75rem;padding:.5rem .5rem}.billing-toggle-container{padding:.6rem .75rem;gap:.25rem}.billing-label{font-size:.75rem}.save-badge{font-size:.625rem;padding:.15rem .35rem}.pricing-section .container{padding-left:.5rem;padding-right:.5rem}.pricing-grid{grid-template-columns:1fr;gap:1rem}.pricing-card.popular{grid-column:span 1}.pricing-card{padding:1.5rem 1rem}.price{font-size:2rem}}.privacy-content{max-width:75rem;margin:0 auto;text-align:left}.privacy-item{margin-bottom:2rem}.privacy-item h3{font-family:"Poppins",sans-serif}.quickstart-section{padding:6rem 0;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)}.quickstart-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:4rem;margin:calc(3rem*2) 0}.quickstart-step{text-align:center;padding:3rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #e2e8f0;position:relative;overflow:hidden}.quickstart-step::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.quickstart-step:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,.15);border-color:#667eea}.quickstart-step:hover::before{transform:scaleX(1)}.quickstart-step:hover .step-icon{transform:scale(1.1)}.step-icon{font-size:2.5rem;margin-bottom:2rem;transition:transform .3s ease;display:inline-block}.quickstart-step h3{font-size:1.5rem;margin-bottom:1rem;color:#1e3a8a;font-weight:700}.quickstart-step p{color:#475569;margin-bottom:1rem}.step-time{font-weight:600;color:#10b981;font-size:.875rem}.quickstart-cta{text-align:center;margin-top:calc(3rem*1.5)}.btn-large{padding:1rem 3rem;font-size:1.125rem}.quickstart-note{margin-top:1rem;color:#475569;font-size:.875rem}@media(max-width: 768px){.quickstart-grid{grid-template-columns:1fr;gap:3rem}.quickstart-section{padding:4rem 0}}.homepage-demo-section{padding:4rem 0;background:rgba(0,0,0,0)}.homepage-demo-card{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding:3rem;border-radius:1.25rem;border:1px solid rgba(99,102,241,.18);background:linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.06) 50%, rgba(168, 85, 247, 0.06) 100%);box-shadow:0 18px 50px rgba(99,102,241,.1),0 8px 18px rgba(0,0,0,.06)}.homepage-demo-title{font-family:"Poppins",sans-serif;font-size:2.5rem;font-weight:900;line-height:1.15;margin:0 0 .5rem 0;background:linear-gradient(135deg, #1e40af 0%, #667eea 50%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.homepage-demo-subtitle{margin:0;color:#475569;font-size:1.125rem;line-height:1.6}.homepage-demo-form{display:flex;flex-direction:column;gap:.5rem}.homepage-demo-label{font-weight:800;color:#0f172a;font-size:.875rem}.homepage-demo-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}@media(max-width: 900px){.homepage-demo-row{grid-template-columns:1fr;gap:.5rem}.homepage-demo-btn{width:100%;justify-self:stretch;white-space:normal;text-align:center}}.homepage-demo-input{width:100%;border-radius:14px;padding:12px 14px;border:1px solid rgba(148,163,184,.6);background:hsla(0,0%,100%,.9);color:#0f172a;font-weight:600;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .2s ease}.homepage-demo-input:focus{outline:none;border-color:rgba(99,102,241,.7);box-shadow:0 0 0 4px rgba(99,102,241,.16)}.homepage-demo-btn{border:none;border-radius:999px;padding:12px 16px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);box-shadow:0 12px 30px rgba(99,102,241,.22),0 6px 14px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.homepage-demo-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(99,102,241,.3),0 8px 18px rgba(0,0,0,.12)}.homepage-demo-hint{min-height:18px;font-size:.875rem;color:#64748b}.trust-badges-section{padding:4rem 0;background:#fff}.trust-badges{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;color:#374151;padding:1rem 1.5rem;background:linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);border-radius:.75rem;border:1px solid #e2e8f0;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;flex:0 0 auto;width:11.25rem;min-height:5rem;height:5rem;text-align:center}.trust-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trust-item:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);border-color:#667eea;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)}.trust-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}.trust-item span{font-size:.875rem;font-weight:600}@media(max-width: 768px){.homepage-demo-card{grid-template-columns:1fr;padding:2rem;gap:1.5rem;text-align:left}.homepage-demo-title{font-size:2rem}.trust-badges{gap:1rem;flex-wrap:wrap;justify-content:center}.trust-item{flex-direction:column;gap:.25rem;text-align:center;width:8.75rem;min-height:5.625rem;height:5.625rem;padding:.5rem 1rem}.trust-item span{font-size:.75rem;white-space:normal;line-height:1.3}.trust-icon{font-size:1.125rem}}.demo-chat-page{padding:calc(4.375rem + 4rem) 0 6rem 0}.demo-chat-card{max-width:820px;margin:0 auto;border-radius:1.25rem;border:1px solid rgba(99,102,241,.16);background:linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);box-shadow:0 24px 70px rgba(99,102,241,.12),0 10px 22px rgba(0,0,0,.08);padding:3rem}.demo-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.demo-chat-title{font-family:"Poppins",sans-serif;font-size:2.5rem;font-weight:900;margin:0 0 .25rem 0;background:linear-gradient(135deg, #1e40af 0%, #667eea 50%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1.15}.demo-chat-subtitle{margin:0;color:#475569;font-size:1.125rem;line-height:1.6}.demo-chat-url{font-size:.875rem;font-weight:800;color:#0f172a;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.14);padding:8px 10px;border-radius:.75rem;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-chat-progress{margin:1rem 0 1.5rem 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:hsla(0,0%,100%,.85)}.demo-chat-progress-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:10px}.demo-chat-progress-label{font-weight:900;color:#0f172a}.demo-chat-progress-pct{font-weight:900;color:#3730a3}.demo-chat-bar{height:10px;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden}.demo-chat-bar>span{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);transition:width .35s ease}.demo-chat-transcript{border:1px solid rgba(99,102,241,.15);background:linear-gradient(180deg, #fafbff 0%, #ffffff 100%);border-radius:18px;padding:18px;max-height:480px;overflow:auto;box-shadow:inset 0 2px 8px rgba(99,102,241,.04)}.demo-chat-msg{display:flex;margin:14px 0;gap:10px;align-items:flex-end}.demo-chat-msg.user{justify-content:flex-end;flex-direction:row-reverse}.demo-chat-msg.bot{justify-content:flex-start}.demo-chat-avatar{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.08)}.demo-chat-avatar.user{background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)}.demo-chat-avatar.bot{background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)}.demo-chat-bubble{max-width:72%;padding:12px 16px;border-radius:18px;font-size:1rem;line-height:1.6;box-shadow:0 4px 14px rgba(0,0,0,.08);position:relative}.demo-chat-bubble.user{color:#fff;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);border-top-right-radius:6px;font-weight:600;box-shadow:0 6px 18px rgba(99,102,241,.25)}.demo-chat-bubble.bot{color:#1f2937;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border:1px solid rgba(99,102,241,.16);border-top-left-radius:6px;font-weight:500}.demo-chat-typing{display:inline-flex;gap:7px;align-items:center;padding:6px 0}.demo-chat-typing span{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);animation:demoDot 1.2s infinite ease-in-out;box-shadow:0 2px 6px rgba(99,102,241,.3)}.demo-chat-typing span:nth-child(2){animation-delay:.2s}.demo-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes demoDot{0%,60%,100%{transform:translateY(0) scale(1);opacity:.5}30%{transform:translateY(-5px) scale(1.15);opacity:1}}.demo-chat-cta{margin-top:2rem}.demo-chat-cta-card{padding:2rem;border-radius:18px;border:1px solid rgba(34,197,94,.22);background:linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.06) 100%)}.demo-chat-cta-card h2{margin:0 0 .25rem 0;font-size:1.5rem;font-weight:900;color:#064e3b}.demo-chat-cta-card p{margin:0 0 1rem 0;color:#065f46;font-weight:600;line-height:1.6}.demo-chat-error{margin-top:1.5rem;padding:12px 14px;border-radius:14px;border:1px solid rgba(239,68,68,.25);background:rgba(254,242,242,.9);color:#991b1b;font-weight:700}@media(max-width: 768px){.demo-chat-page{padding-top:calc(6.5625rem + 4rem)}.demo-chat-card{padding:1.5rem}.demo-chat-head{flex-direction:column;align-items:flex-start}.demo-chat-url{max-width:100%;width:100%}.demo-chat-title{font-size:2rem}.demo-chat-transcript{max-height:360px;padding:12px}.demo-chat-msg{gap:8px;margin:12px 0}.demo-chat-avatar{width:30px;height:30px;min-width:30px;min-height:30px;font-size:14px}.demo-chat-bubble{max-width:78%;padding:10px 12px;font-size:.875rem}.demo-chat-cta-card{padding:1.5rem}}@media(max-width: 480px){.trust-badges{gap:.5rem}.trust-item{width:7.5rem;min-height:5.3125rem;height:5.3125rem;padding:.25rem .5rem}.trust-item span{font-size:.75rem;white-space:normal;line-height:1.3}}.provider-comparison-section{padding:6rem 2rem;background-color:rgba(0,0,0,0);text-align:center}.provider-comparison-section .container{max-width:1200px;margin:0 auto}.provider-comparison-title{font-family:"Poppins",sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg, #1e40af 0%, #667eea 50%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:-0.02em;max-width:900px;margin-left:auto;margin-right:auto}.provider-comparison-subtitle{font-size:1.125rem;color:#475569;line-height:1.6;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.provider-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.provider-comparison-card{background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border-radius:1rem;padding:3rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:2px solid #e2e8f0;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.provider-comparison-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.provider-comparison-card.openai::before{background:linear-gradient(90deg, #1e40af 0%, #3b82f6 100%)}.provider-comparison-card.mistral::before{background:linear-gradient(90deg, #7c3aed 0%, #a855f7 100%)}@media(hover: hover)and (pointer: fine){.provider-comparison-card:hover{transform:translateY(-8px)}.provider-comparison-card:hover::before{transform:scaleX(1)}.provider-comparison-card.openai:hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px rgba(30,64,175,.1),0 10px 10px -5px rgba(30,64,175,.04)}.provider-comparison-card.mistral:hover{border-color:#a855f7;box-shadow:0 20px 25px -5px rgba(124,58,237,.1),0 10px 10px -5px rgba(124,58,237,.04)}}@media(hover: none)and (pointer: coarse){.provider-comparison-card{transition:none}.provider-comparison-card:hover,.provider-comparison-card:active,.provider-comparison-card:focus-within{transform:none;border-color:#e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.provider-comparison-card::before{transition:none;transform:scaleX(0)}}.provider-comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.provider-comparison-name{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.provider-comparison-name .provider-flag{font-size:2rem;line-height:1}.provider-comparison-pill{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:.5rem 1.5rem;border-radius:50%;font-size:.875rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(102,126,234,.3),0 2px 4px rgba(102,126,234,.2);border:1px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1);letter-spacing:.01em;display:inline-flex;align-items:center;gap:.25rem;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.provider-comparison-pill::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.provider-comparison-pill:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4),0 4px 8px rgba(102,126,234,.3)}.provider-comparison-pill:hover::before{left:100%}.provider-comparison-pill .pill-icon{font-size:1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))}.provider-comparison-card.openai .provider-comparison-pill{background:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);box-shadow:0 4px 12px rgba(30,64,175,.3),0 2px 4px rgba(30,64,175,.2)}.provider-comparison-card.openai .provider-comparison-pill:hover{box-shadow:0 6px 16px rgba(30,64,175,.4),0 4px 8px rgba(30,64,175,.3)}.provider-comparison-card.mistral .provider-comparison-pill{background:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);box-shadow:0 4px 12px rgba(124,58,237,.3),0 2px 4px rgba(124,58,237,.2)}.provider-comparison-card.mistral .provider-comparison-pill:hover{box-shadow:0 6px 16px rgba(124,58,237,.4),0 4px 8px rgba(124,58,237,.3)}.provider-comparison-list{list-style:none;padding:0;margin:0;text-align:left}.provider-comparison-list li{padding:1.5rem;margin-bottom:1rem;color:#374151;line-height:1.7;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border-radius:.75rem;border:1px solid #e2e8f0;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1),background .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;display:flex;align-items:flex-start;gap:1rem;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.provider-comparison-list li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #667eea 0%, #764ba2 100%);border-radius:.75rem 0 0 .75rem;opacity:0;transition:opacity .3s ease}.provider-comparison-list li:hover{transform:translateX(4px);border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);background:linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%)}.provider-comparison-list li:hover::before{opacity:1}.provider-comparison-list li:hover .list-icon{transform:scale(1.1)}.provider-comparison-list li:last-child{margin-bottom:0}.provider-comparison-list li .list-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:2px;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}.provider-comparison-list li .list-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.provider-comparison-list li strong{color:#1f2937;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:block}.provider-comparison-list li span:not(.list-icon){color:#374151;font-size:1rem;line-height:1.6}.provider-comparison-card.openai .provider-comparison-list li::before{background:linear-gradient(180deg, #1e40af 0%, #3b82f6 100%)}.provider-comparison-card.openai .provider-comparison-list li:hover{border-color:#93c5fd;box-shadow:0 4px 12px rgba(30,64,175,.1),0 2px 4px rgba(30,64,175,.05)}.provider-comparison-card.mistral .provider-comparison-list li::before{background:linear-gradient(180deg, #7c3aed 0%, #a855f7 100%)}.provider-comparison-card.mistral .provider-comparison-list li:hover{border-color:#c4b5fd;box-shadow:0 4px 12px rgba(124,58,237,.1),0 2px 4px rgba(124,58,237,.05)}.provider-comparison-shared{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:2rem;background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);border-radius:1rem;border:2px solid #bae6fd}.shared-pill{background:#fff;color:#1f2937;padding:.5rem 1.5rem;border-radius:50%;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.shared-pill:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1);border-color:#667eea}@media(hover: none)and (pointer: coarse){.provider-comparison-pill,.provider-comparison-list li,.provider-comparison-card.openai .provider-comparison-list li,.provider-comparison-card.mistral .provider-comparison-list li,.shared-pill{transition:none}.provider-comparison-pill:hover,.provider-comparison-pill:active,.provider-comparison-pill:focus-within,.provider-comparison-list li:hover,.provider-comparison-list li:active,.provider-comparison-list li:focus-within,.provider-comparison-card.openai .provider-comparison-list li:hover,.provider-comparison-card.mistral .provider-comparison-list li:hover,.shared-pill:hover,.shared-pill:active,.shared-pill:focus-within{transform:none;box-shadow:none;border-color:inherit;background:inherit}.provider-comparison-list li::before{opacity:0;transition:none}.provider-comparison-pill::before{left:-100%;transition:none}}@media(max-width: 768px){.provider-comparison-section{padding:4rem 1rem}.provider-comparison-title{font-size:2.5rem;margin-bottom:.75rem;padding:0 1rem}.provider-comparison-subtitle{font-size:1rem;padding:0 1rem;margin-bottom:2rem}.provider-comparison-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.provider-comparison-card{padding:2rem}.provider-comparison-header{flex-direction:column;align-items:flex-start;gap:1rem}.provider-comparison-name{font-size:1.25rem}.provider-comparison-list li{padding:1rem;flex-direction:column;gap:.5rem}.provider-comparison-list li .list-icon{font-size:1.25rem;align-self:flex-start}.provider-comparison-list li .list-content{gap:.25rem}.provider-comparison-list li strong{display:block;margin-bottom:.25rem;min-width:auto}.provider-comparison-shared{flex-direction:column;gap:1rem;padding:1.5rem}}@media(max-width: 480px){.provider-comparison-title{font-size:2rem;padding:0 .5rem}.provider-comparison-subtitle{font-size:.875rem;padding:0 .5rem}.provider-comparison-card{padding:1.5rem}.provider-comparison-name{font-size:1.125rem}.provider-comparison-name .provider-flag{font-size:1.5rem}.provider-comparison-pill{font-size:.75rem;padding:.25rem .5rem}.provider-comparison-pill .pill-icon{font-size:.875rem}}.cost-calculator-section{background:rgba(0,0,0,0)}.calculator-subtitle{text-align:center;color:#475569;margin-bottom:calc(3rem*1.5);font-size:1.125rem}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:calc(3rem*1.5)}.calculator-inputs{display:flex;flex-direction:column;gap:3rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:600;color:#374151}.input-group input{padding:1.25rem 1rem;border:.125rem solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#1e3a8a}.calculator-results{display:flex;flex-direction:column;gap:3rem}.result-card{background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);padding:3rem;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.result-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.result-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.result-card h3{font-size:1.25rem;margin-bottom:2rem;color:#1e3a8a;font-weight:700}.cost-breakdown,.total-breakdown{display:flex;flex-direction:column;gap:1.25rem}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.cost-item:last-child{border-bottom:none}.cost-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;font-weight:700;font-size:1.125rem;color:#1e3a8a;border-top:.125rem solid #1e3a8a;margin-top:.5rem}.calculator-note{text-align:center;margin-top:calc(3rem*1.5);padding:2rem;background:rgba(59,130,246,.05);border-radius:.5rem;color:#1e3a8a}@media(max-width: 768px){.calculator-container{grid-template-columns:1fr;gap:3rem}.cost-calculator-section{padding:4rem 0}.calculator-subtitle{font-size:1rem;margin-bottom:3rem}.input-group input{padding:1.25rem 1rem;font-size:1rem}.result-card{padding:2rem}.result-card h3{font-size:1.125rem}.cost-item{font-size:.875rem}.cost-total{font-size:1rem}}@media(max-width: 480px){.cost-calculator-section{padding:4rem 0}.calculator-subtitle{font-size:.875rem}.input-group input{padding:1.25rem 1.25rem}.result-card{padding:1rem}.result-card h3{font-size:1rem}.cost-item{font-size:.75rem}.cost-total{font-size:.875rem}}.feature-card,.step-card,.quickstart-step,.pricing-card,.faq-item,.trust-item,.benefit-item,.hero-benefits,.hero-quote,.homepage-demo-card,.homepage-demo-btn,.homepage-demo-input,.visual-feature-row,.visual-feature-graphic,.animation-personality,.animation-data-ingestion,.process-step,.ai-provider-toggle,.ai-provider-toggle label,.calculator-container,.calculator-inputs,.calculator-results,.result-card,.input-group,.input-group input{touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(hover: none)and (pointer: coarse){.feature-card{transition:none !important}.feature-card:hover,.feature-card:active,.feature-card:focus-within{transform:none !important;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07) !important}.feature-card::before{transform:scaleX(0) !important;transition:none !important}.feature-card .feature-icon{transform:none !important;transition:none !important}.step-card{transition:none !important}.step-card:hover,.step-card:active,.step-card:focus-within{transform:none !important}.quickstart-step{transition:none !important}.quickstart-step:hover,.quickstart-step:active,.quickstart-step:focus-within{transform:none !important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) !important}.quickstart-step::before{transform:scaleX(0) !important;transition:none !important}.quickstart-step .step-icon{transform:none !important;transition:none !important}.pricing-card{transition:none !important}.pricing-card:hover,.pricing-card:active,.pricing-card:focus-within{transform:none !important}.pricing-card.popular{transform:none !important}.homepage-demo-btn{transition:none !important}.homepage-demo-btn:hover,.homepage-demo-btn:active,.homepage-demo-btn:focus-within{transform:none !important}.trust-item{transition:none !important}.trust-item:hover,.trust-item:active,.trust-item:focus-within{transform:none !important}.faq-item{transition:none !important}.faq-item:hover,.faq-item:active,.faq-item:focus-within{transform:none !important}.process-step{transition:none !important}.process-step:hover,.process-step:active,.process-step:focus-within{transform:none !important}.visual-feature-graphic:hover,.visual-feature-graphic:active,.visual-feature-graphic:focus-within{transform:none !important}.animation-personality .slider-container .range-slider .knob{pointer-events:none}.ai-provider-toggle label{transition:background .2s ease,color .2s ease !important}.ai-provider-toggle label:hover,.ai-provider-toggle label:active,.ai-provider-toggle label:focus-within,.ai-provider-toggle label.active,.ai-provider-toggle label:has(input:checked){transform:none !important}.benefit-item:hover,.benefit-item:active{transform:none !important}body{-webkit-overflow-scrolling:touch}main{touch-action:pan-y}a,button,[role=button],.btn{touch-action:manipulation}.feature-card,.step-card,.pricing-card,.faq-item,.quickstart-step,.trust-item,.benefit-item,.homepage-demo-card,.billing-toggle-container,.calculator-container,.result-card,.input-group{-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ai-provider-toggle,.ai-provider-toggle label,.billing-toggle,.homepage-demo-btn{touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}}.portal-bot-switcher{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:.75rem;margin-bottom:2rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04)}.portal-bot-switcher .bot-switcher-left{display:flex;align-items:center;gap:.75rem;min-width:0}.portal-bot-switcher .bot-switcher-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#475569;font-size:.95rem;white-space:nowrap}.portal-bot-switcher .bot-switcher-label i{color:#1e3a8a}.portal-bot-switcher .bot-selector-wrap{position:relative;display:inline-flex;align-items:center;min-width:0}.portal-bot-switcher .bot-selector{flex:0 1 320px;max-width:340px;width:100%;padding:.625rem 1rem;padding-right:2.25rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:.95rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.portal-bot-switcher .bot-selector:hover{border-color:#1e3a8a;box-shadow:0 0 0 3px rgba(30,58,138,.1)}.portal-bot-switcher .bot-selector:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px rgba(30,58,138,.15)}.portal-bot-switcher .bot-selector-caret{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b;font-size:.85rem}.portal-bot-switcher .bot-switcher-actions{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.portal-bot-switcher .bot-action-buttons{display:inline-flex;align-items:center;gap:.5rem;padding-left:.75rem;border-left:1px solid rgba(148,163,184,.35)}.portal-bot-switcher .btn-sm{padding:.5rem .875rem;font-size:.875rem;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.portal-bot-switcher .btn-sm i{font-size:.75rem}.portal-bot-switcher .btn-icon{padding:.5rem .6rem;width:2.25rem;justify-content:center;border-radius:10px}.portal-bot-switcher .btn-outline{background:#fff;border:1px solid #cbd5e1;color:#475569}.portal-bot-switcher .btn-outline:hover{border-color:#1e3a8a;color:#1e3a8a;background:rgba(30,58,138,.05)}.portal-bot-switcher .btn-danger-outline{background:#fff;border:1px solid #fecaca;color:#dc2626}.portal-bot-switcher .btn-danger-outline:hover{border-color:#dc2626;background:#fef2f2}.portal-bot-switcher .bot-limit-hint{display:flex;align-items:center;gap:.375rem;color:#64748b;font-size:.875rem;padding:.5rem .875rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.portal-bot-switcher .bot-limit-hint i{color:#94a3b8}@media(max-width: 768px){.portal-bot-switcher{flex-wrap:wrap;align-items:stretch;gap:.75rem;padding:1rem}.portal-bot-switcher .bot-switcher-left{width:100%;flex-wrap:wrap;gap:.5rem}.portal-bot-switcher .bot-switcher-label{width:100%;font-size:.875rem}.portal-bot-switcher .bot-selector{max-width:100%;flex:1 1 100%}.portal-bot-switcher .bot-switcher-actions{width:100%;justify-content:space-between}.portal-bot-switcher .bot-action-buttons{padding-left:0;border-left:0}.portal-bot-switcher .btn-sm{flex:1;justify-content:center}}.portal-main{background-color:#f9fafb;min-height:100vh;flex:1;padding-top:calc(4.375rem + 0.3125rem);width:100%;max-width:100%}.portal-main:has(.portal-header-section){padding-top:0}.admin-body .portal-main{width:100%;max-width:100%;overflow-x:hidden}.portal-main:not(:has(.portal-header-section))>.portal-content-section{margin-top:calc(4.375rem + 0.125rem)}.portal-header-section{background-color:#fff;padding:calc(4.375rem + 2rem) 2rem 3rem 2rem;text-align:center;border-bottom:1px solid #e5e7eb}.portal-header-section h1{font-family:"Poppins",sans-serif;font-size:2.5rem;color:#1e3a8a}.admin-body .portal-header-section{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:calc(4.375rem + 2rem) 2rem 3rem 2rem;text-align:center;border-bottom:none;border-radius:0;box-shadow:0 .25rem .375rem -0.0625rem rgba(0,0,0,.1),0 .125rem .25rem -0.0625rem rgba(0,0,0,.06);margin-bottom:3rem;width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.admin-body .portal-header-section h1{font-family:"Poppins",sans-serif;font-size:2.5rem;font-weight:700;color:#fff !important;margin:0;text-shadow:0 .125rem .25rem rgba(0,0,0,.1);letter-spacing:-0.02em}.welcome-message{font-size:1.1rem;margin-top:.5rem}.portal-content-section{max-width:50rem;margin:.5rem auto 0 auto;padding:1.5rem 2rem}.portal-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);margin-bottom:2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0);position:relative;overflow:hidden}.portal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.portal-card:hover{transform:translateY(-0.25rem);box-shadow:0 1.25rem 1.5625rem -0.3125rem rgba(0,0,0,.1),0 .625rem .625rem -0.3125rem rgba(0,0,0,.04);border-color:#e2e8f0}.portal-card:hover::before{transform:scaleX(1)}.portal-card.active::before{transform:scaleX(1)}.portal-card#top-test-chat{margin-bottom:1rem}@media(min-width: 992px){.portal-card#top-test-chat{padding:3rem}}@media(min-width: 1200px){.portal-card#top-test-chat{padding:3.5rem}}@media(min-width: 1600px){.portal-card#top-test-chat{padding:4rem}}.portal-card#help-section .card-title{margin-bottom:1rem;border-bottom:none;padding-bottom:0}.portal-card#help-section .help-section-content{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;width:100%}.portal-card#help-section .help-section-image{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0;border:4px solid rgba(0,0,0,0);background:linear-gradient(white, white) padding-box,linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899) border-box;box-shadow:0 8px 24px rgba(59,130,246,.25),0 4px 12px rgba(0,0,0,.15),inset 0 0 0 2px hsla(0,0%,100%,.1);order:1;transition:transform .3s ease,box-shadow .3s ease}.portal-card#help-section .help-section-image:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(59,130,246,.35),0 6px 16px rgba(0,0,0,.2),inset 0 0 0 2px hsla(0,0%,100%,.1)}.portal-card#help-section .help-section-text{flex:1;order:2;min-width:0;width:100%}.portal-card#help-section .help-section-paragraph{font-size:1.2rem;font-weight:500;margin-bottom:0;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.portal-card#help-section .help-section-email{color:#3b82f6;text-decoration:none;font-weight:600;font-size:1.2rem;word-break:break-all}@media(max-width: 768px){.portal-card#help-section{padding:1.5rem}.portal-card#help-section .help-section-content{flex-direction:column;align-items:center;text-align:center;gap:1rem}.portal-card#help-section .help-section-image{order:1;width:100px;height:100px;border:3px solid rgba(0,0,0,0);background:linear-gradient(white, white) padding-box,linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899) border-box;box-shadow:0 6px 20px rgba(59,130,246,.25),0 3px 10px rgba(0,0,0,.15);margin-bottom:0}.portal-card#help-section .help-section-text{order:2;width:100%;text-align:center}.portal-card#help-section .help-section-paragraph{font-size:1rem;line-height:1.6}.portal-card#help-section .help-section-email{font-size:1rem;display:inline-block;word-break:break-all}}@media(max-width: 480px){.portal-card#help-section{padding:1rem}.portal-card#help-section .help-section-paragraph{font-size:.95rem}.portal-card#help-section .help-section-email{font-size:.95rem}}.card-title{font-family:"Poppins",sans-serif;font-size:1.5rem;color:#1f2937;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;font-weight:800;background:linear-gradient(135deg, #1e40af 0%, #667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width: 768px){.portal-content-section{max-width:100%;margin:.25rem auto 0 auto;padding:.5rem .25rem}.portal-card{padding:1rem .5rem;margin-bottom:.75rem}.portal-card#top-test-chat{padding:.75rem .5rem !important}.card-title{font-size:1.1rem;margin-bottom:.75rem}.portal-main{overflow-x:hidden;width:100%;position:relative}.portal-content-section{overflow-x:hidden;width:100%;position:relative}.portal-main .portal-content-section{max-width:100%;margin-left:0;margin-right:0;padding-left:max(.5rem,env(safe-area-inset-left, 0));padding-right:max(.5rem,env(safe-area-inset-right, 0));padding-top:.5rem;padding-bottom:.5rem;overflow-x:hidden}.portal-main .portal-card{padding:1.25rem .5rem;margin-left:0;margin-right:0;border-radius:.75rem}.portal-main .tabs{padding-left:.5rem;padding-right:.5rem}.admin-body .portal-header-section{padding:calc(6.5625rem + 1rem) 1rem 2rem 1rem;margin-bottom:1.5rem}.admin-body .portal-header-section h1{font-size:1.75rem;letter-spacing:-0.01em}}.portal-body .portal-card{background:linear-gradient(135deg, #FFFFFF 0%, #F9FAFB 100%);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);transition:all .3s ease;overflow:hidden}.portal-body .portal-card:hover{transform:translateY(-0.125rem);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.portal-body .tabs{background:linear-gradient(90deg, #f8fafc 0%, #f1f5f9 100%);border-bottom:1px solid #e2e8f0;padding:0 1.5rem;border-radius:1rem 1rem 0 0}.portal-body .tab-link{background:rgba(0,0,0,0);border:none;padding:1rem 1.5rem;margin:0;color:#64748b;font-weight:500;transition:all .3s ease;position:relative;border-radius:.5rem .5rem 0 0}.portal-body .tab-link:hover{color:#1e40af;background-color:rgba(30,64,175,.05)}.portal-body .tab-link.active{color:#1e40af;background:linear-gradient(135deg, #FFFFFF 0%, #F9FAFB 100%);border-bottom:.1875rem solid #1e40af;font-weight:600}.portal-body .tab-content{padding:2rem;background:linear-gradient(135deg, #FFFFFF 0%, #fafbfc 100%)}.portal-body .form-group input[type=text],.portal-body .form-group input[type=email],.portal-body .form-group input[type=password],.portal-body .form-group input[type=url],.portal-body .form-group textarea,.portal-body .form-group select,.gdpr-message-container .form-group input[type=text],.gdpr-message-container .form-group input[type=email],.gdpr-message-container .form-group input[type=password],.gdpr-message-container .form-group input[type=url],.gdpr-message-container .form-group textarea,.gdpr-message-container .form-group select{width:100%;padding:1rem;border:.125rem solid #e5e7eb;border-radius:.75rem;font-family:"Open Sans",sans-serif;font-size:1rem;transition:all .3s ease;background:linear-gradient(135deg, #FFFFFF 0%, #fafbfc 100%);box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.portal-body .form-group input[type=text]:focus,.portal-body .form-group input[type=email]:focus,.portal-body .form-group input[type=password]:focus,.portal-body .form-group input[type=url]:focus,.portal-body .form-group textarea:focus,.portal-body .form-group select:focus,.gdpr-message-container .form-group input[type=text]:focus,.gdpr-message-container .form-group input[type=email]:focus,.gdpr-message-container .form-group input[type=password]:focus,.gdpr-message-container .form-group input[type=url]:focus,.gdpr-message-container .form-group textarea:focus,.gdpr-message-container .form-group select:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 .25rem rgba(30,64,175,.1),0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);transform:translateY(-0.0625rem)}.portal-body .btn-primary{background:linear-gradient(135deg, #1e40af 0%, #1E3A8A 100%);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07)}.portal-body .btn-primary:hover{background:linear-gradient(135deg, #1E3A8A 0%, #1E3A8A 100%);color:#fff;transform:translateY(-0.125rem);transition:transform .2s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.portal-body .btn-secondary{background:linear-gradient(135deg, #6B7280 0%, #4b5563 100%);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07)}.portal-body .btn-secondary:hover{background:linear-gradient(135deg, #4b5563 0%, #374151 100%);color:#fff;transform:translateY(-0.125rem);transition:transform .2s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.portal-body .card-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg, #1e40af 0%, #3B82F6 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.portal-body .portal-header-section{background:rgba(0,0,0,0);border-radius:0;padding:0;margin-bottom:1rem;border:none;box-shadow:none}.portal-body .portal-header-section h1{color:#1f2937;font-size:2.25rem;font-weight:800;margin:0;background:linear-gradient(135deg, #1e40af 0%, #3B82F6 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.portal-body .welcome-message{color:#6b7280;font-size:1.1rem;margin-top:.5rem;line-height:1.6}.portal-body .welcome-message strong{color:#1e40af;font-weight:600}.portal-body .code-container{position:relative;margin-top:1rem;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);border:1px solid #e2e8f0}.portal-body .code-container button,.portal-body .code-container .copy-code-btn{position:absolute;top:1rem;right:1rem;z-index:10;background:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.625rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 3px 6px rgba(30,64,175,.25),0 2px 4px rgba(0,0,0,.1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.2;min-width:110px;white-space:nowrap;letter-spacing:.01em}.portal-body .code-container button::before,.portal-body .code-container .copy-code-btn::before{content:"";width:16px;height:16px;display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .25s ease;flex-shrink:0}.portal-body .code-container button:hover,.portal-body .code-container .copy-code-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px rgba(30,64,175,.35),0 4px 8px rgba(0,0,0,.15);background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)}.portal-body .code-container button:hover::before,.portal-body .code-container .copy-code-btn:hover::before{transform:scale(1.15) rotate(5deg)}.portal-body .code-container button:active,.portal-body .code-container .copy-code-btn:active{transform:translateY(-1px) scale(0.99);box-shadow:0 2px 4px rgba(30,64,175,.25)}.portal-body .code-container button:focus,.portal-body .code-container .copy-code-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(30,64,175,.3),0 3px 6px rgba(30,64,175,.25)}.portal-body .code-container button.copied,.portal-body .code-container .copy-code-btn.copied{background:linear-gradient(135deg, #10b981 0%, #059669 100%);box-shadow:0 4px 12px rgba(16,185,129,.35),0 2px 6px rgba(0,0,0,.1)}.portal-body .code-container button.copied::before,.portal-body .code-container .copy-code-btn.copied::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E");transform:scale(1.2)}.portal-body .code-container button.copied:hover,.portal-body .code-container .copy-code-btn.copied:hover{background:linear-gradient(135deg, #059669 0%, #047857 100%)}.portal-body .code-block{background:linear-gradient(135deg, #1f2937 0%, #111827 100%);border-radius:.75rem;padding:1.5rem;border:1px solid #374151;box-shadow:0 .25rem .375rem -0.0625rem rgba(0,0,0,.3);position:relative}.portal-body .code-block::before{content:"";position:absolute;top:0;left:0;right:0;height:.1875rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.portal-body .code-block pre{margin:0;color:#e5e7eb;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.9rem;line-height:1.5}.portal-body .code-block code{color:#60a5fa}.portal-body .form-hint{color:#6b7280;font-size:.9rem;margin-top:.5rem;line-height:1.5}.portal-body .summary-section{background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.portal-body .summary-section h4{color:#1f2937;font-weight:600;margin-bottom:1rem;font-size:1.1rem}.portal-body .summary-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.portal-body .summary-item:last-child{border-bottom:none}.portal-body .summary-label{font-weight:500;color:#6b7280}.portal-body .summary-value{font-weight:600;color:#1f2937}.portal-body .status-badge{padding:.5rem 1rem;border-radius:1.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.portal-body .status-badge.active{background:linear-gradient(135deg, #10B981 0%, #059669 100%);color:#fff;box-shadow:0 .125rem .25rem rgba(16,185,129,.2)}.portal-body .status-badge.inactive{background:linear-gradient(135deg, #6B7280 0%, #4b5563 100%);color:#fff;box-shadow:0 .125rem .25rem rgba(107,114,128,.2)}.portal-body .color-preview{display:inline-block;width:1.5rem;height:1.5rem;border-radius:.375rem;border:.125rem solid #e5e7eb;margin-right:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.portal-body .preview-notice{background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);border:1px solid #3b82f6;border-radius:1rem;padding:2rem;margin:2rem 0;box-shadow:0 .25rem .375rem -0.0625rem rgba(59,130,246,.1)}.portal-body .notice-content h4{color:#1e40af;font-weight:700;margin-bottom:1rem;font-size:1.25rem}.portal-body .notice-content p{color:#374151;line-height:1.6;margin-bottom:1rem}.portal-body .notice-tips{background:hsla(0,0%,100%,.7);border-radius:.75rem;padding:1.5rem;margin-top:1rem}.portal-body .notice-tips p{margin-bottom:.75rem;font-weight:600;color:#1e40af}.portal-body .notice-tips ul{margin:0;padding-left:1.5rem}.portal-body .notice-tips li{color:#4b5563;margin-bottom:.5rem;line-height:1.5}.conversation-card{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border:.125rem solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;box-shadow:0 .25rem .375rem -0.0625rem rgba(0,0,0,.1),0 .125rem .25rem -0.0625rem rgba(0,0,0,.06);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.conversation-card::before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.conversation-card:hover{transform:translateY(-0.25rem);box-shadow:0 1.25rem 1.5625rem -0.3125rem rgba(0,0,0,.1),0 .625rem .625rem -0.3125rem rgba(0,0,0,.04);border-color:#e2e8f0}.conversation-card:hover::before{transform:scaleX(1)}.page-title{padding:0;margin:0 0 2rem 0;font-size:2rem;font-weight:800;background:linear-gradient(135deg, #1e40af 0%, #667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:-0.02em}.conversation-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-bottom:.125rem solid #e2e8f0;font-weight:600;display:flex;justify-content:space-between;align-items:center;color:#1e293b}.conv-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.conv-badge.live{background:linear-gradient(135deg, #10B981 0%, #059669 100%);color:#fff;border:none}.conv-badge.test{background:linear-gradient(135deg, #F59E0B 0%, #D97706 100%);color:#fff;border:none}.conversation-messages{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:25rem;overflow-y:auto;overflow-x:hidden}.message-bubble{padding:1rem 1.25rem;border-radius:1rem;max-width:80%;line-height:1.6;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 .125rem .25rem rgba(0,0,0,.1);transition:all .2s ease}.message-bubble:hover{transform:translateY(-0.0625rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.15)}.message-bubble.user{background:linear-gradient(135deg, #1e40af 0%, #667eea 100%);color:#fff;align-self:flex-end;border-bottom-right-radius:.375rem;box-shadow:0 .25rem .375rem -0.0625rem rgba(30,64,175,.3),0 .125rem .25rem -0.0625rem rgba(30,64,175,.2)}.message-bubble.bot{background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);color:#1f2937;align-self:flex-start;border-bottom-left-radius:.375rem;border:1px solid #e2e8f0;text-align:left}.message-bubble.bot p,.message-bubble.bot ul,.message-bubble.bot ol,.message-bubble.bot blockquote,.message-bubble.bot h2,.message-bubble.bot h3,.message-bubble.bot pre,.message-bubble.bot code,.message-bubble.bot table,.message-bubble.bot li{text-align:left}.message-bubble.bot ul,.message-bubble.bot ol{margin-left:1.5rem;padding-left:1.25rem}.message-bubble.bot table{margin-left:0}.pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.pagination a,.pagination span{padding:.75rem 1rem;border-radius:.75rem;text-decoration:none;color:#1f2937;font-weight:600;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);min-width:2.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}.pagination a{border:.125rem solid #e5e7eb;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);box-shadow:0 .0625rem .125rem rgba(0,0,0,.05)}.pagination a:hover{background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);color:#fff;border-color:rgba(0,0,0,0);transform:translateY(-0.125rem);box-shadow:0 .25rem .375rem -0.0625rem rgba(79,70,229,.3),0 .125rem .25rem -0.0625rem rgba(79,70,229,.2)}.pagination span.current{background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);color:#fff;font-weight:700;border:.125rem solid rgba(0,0,0,0);box-shadow:0 .25rem .375rem -0.0625rem rgba(79,70,229,.3),0 .125rem .25rem -0.0625rem rgba(79,70,229,.2)}.retention-notice{text-align:center;margin-bottom:2rem;color:#6b7280;font-style:italic;padding:1.25rem;background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border:.125rem solid #fbbf24;border-radius:.75rem;border-left:.25rem solid #f59e0b;box-shadow:0 .125rem .25rem rgba(245,158,11,.1);font-size:.95rem;line-height:1.6}.analytics-dashboard{display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:1rem;border:.125rem solid #e2e8f0;box-shadow:0 .25rem .375rem -0.0625rem rgba(0,0,0,.1),0 .125rem .25rem -0.0625rem rgba(0,0,0,.06);position:relative;overflow:hidden}.analytics-dashboard::before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.analytics-card{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);padding:1.5rem;border-radius:.75rem;border:.125rem solid #e2e8f0;text-align:center;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.1)}.analytics-card:hover{transform:translateY(-0.25rem);box-shadow:0 .5rem 1rem -0.25rem rgba(0,0,0,.15),0 .25rem .5rem -0.125rem rgba(0,0,0,.1);border-color:#667eea}.analytics-card::before{content:"";position:absolute;top:0;left:0;right:0;height:.1875rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.analytics-card:hover::before{transform:scaleX(1)}.analytics-card .value{font-size:2rem;font-weight:800;background:linear-gradient(135deg, #1e40af 0%, #667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.25rem;line-height:1}.analytics-card .label{font-size:.85rem;font-weight:600;color:#64748b;line-height:1.3}.analytics-card .sub-label{font-size:.7rem;color:#9ca3af;font-weight:400}.history-actions-bar{margin-bottom:2rem;text-align:right;display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap;padding:1rem;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:.75rem;border:.125rem solid #e2e8f0;box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.empty-state{text-align:center;padding:3rem 2rem;margin:2rem 0;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border:.125rem dashed #cbd5e1;border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.empty-state p{font-size:1.125rem;color:#64748b;margin-bottom:1.5rem;font-weight:500}.empty-state .btn{margin-top:1rem}.portal-content-section .pagination,.portal-main .pagination{flex-direction:row !important;flex-wrap:wrap}.history-actions-bar{flex-direction:row !important}@media(max-width: 768px)and (max-width: 1200px){.analytics-dashboard{grid-template-columns:repeat(3, 1fr);gap:.75rem;padding:1rem}.analytics-card{padding:.875rem}.analytics-card .value{font-size:1.5rem}.analytics-card .label{font-size:.75rem}}@media(max-width: 768px){.analytics-dashboard{grid-template-columns:repeat(2, 1fr);gap:.75rem;padding:1rem;margin-bottom:1.5rem}.analytics-card{padding:.75rem}.analytics-card .value{font-size:1.25rem}.analytics-card .label{font-size:.7rem}.conversation-card{margin-bottom:1.5rem}.page-title{font-size:1.5rem;margin-bottom:1.5rem}.conversation-header{padding:.75rem 1rem;font-size:.9rem}.conversation-messages{padding:1rem;gap:.75rem;overflow-x:hidden}.message-bubble{padding:.625rem .875rem;font-size:.9rem;max-width:85%;overflow-wrap:anywhere;word-break:break-word}.pagination{flex-wrap:wrap;gap:.25rem}.pagination a,.pagination span{padding:.375rem .75rem;font-size:.875rem}}@media(max-width: 480px){.analytics-dashboard{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.analytics-card{padding:.75rem}.analytics-card .value{font-size:1.5rem}.analytics-card .label{font-size:.8rem}.conversation-card{margin-bottom:1rem}.page-title{font-size:1.25rem;margin-bottom:1rem}.conversation-header{padding:.5rem .75rem;font-size:.85rem}.conversation-messages{padding:.75rem;gap:.5rem;overflow-x:hidden}.message-bubble{padding:.5rem .75rem;font-size:.85rem;max-width:90%;overflow-wrap:anywhere;word-break:break-word}.pagination a,.pagination span{padding:.25rem .5rem;font-size:.8rem}}@media(min-width: 1025px){.portal-content-section{max-width:75rem;margin:0 auto;padding:2rem 3rem}.chatbot-page .portal-content-section{max-width:75rem;padding:2rem 3rem}}@media(min-width: 1025px)and (min-width: 1600px){.portal-content-section{max-width:87.5rem}.chatbot-page .portal-content-section{max-width:87.5rem;padding:2rem 3rem}}@media(min-width: 1025px)and (min-width: 1920px){.chatbot-page .portal-content-section{max-width:100rem;padding:2rem 4rem}}@media(min-width: 1025px){.analytics-dashboard{margin-bottom:2.5rem}.conversation-card{margin-bottom:2.5rem}.conversation-messages{max-height:31.25rem}}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;display:inline-block;border:.125rem solid rgba(0,0,0,0);transition:all .3s ease;cursor:pointer;min-height:2.75rem}.btn-primary{background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);color:#fff;border:none;box-shadow:0 .25rem .375rem -0.0625rem rgba(79,70,229,.3),0 .125rem .25rem -0.0625rem rgba(79,70,229,.2)}.btn-primary:hover{background:linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);color:#fff;transform:translateY(-0.125rem);transition:transform .2s ease;box-shadow:0 .5rem .75rem -0.125rem rgba(79,70,229,.4),0 .25rem .5rem -0.0625rem rgba(79,70,229,.3);transform:translateY(-0.125rem)}.btn-primary:active{transform:translateY(0);box-shadow:0 .25rem .375rem -0.0625rem rgba(79,70,229,.3),0 .125rem .25rem -0.0625rem rgba(79,70,229,.2)}.btn-secondary{background-color:rgba(0,0,0,0);color:#1e3a8a;border:.125rem solid #1e3a8a;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 .0625rem .125rem rgba(0,0,0,.05)}.btn-secondary:hover{background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);color:#fff;border-color:rgba(0,0,0,0);transform:translateY(-0.125rem);box-shadow:0 .25rem .375rem -0.0625rem rgba(79,70,229,.3),0 .125rem .25rem -0.0625rem rgba(79,70,229,.2)}.btn-secondary:active{transform:translateY(0);box-shadow:0 .0625rem .125rem rgba(0,0,0,.05)}.btn-danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626;color:#fff}.generate-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg, #3B82F6 0%, #2563eb 100%);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);white-space:nowrap;min-width:11.25rem}.generate-btn:hover{background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);color:#fff;transform:translateY(-0.125rem);transition:transform .2s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.generate-btn:active{transform:translateY(0);box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07)}.generate-btn:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.generate-btn>*{pointer-events:none}.btn-icon{font-size:1rem}.btn-text{font-weight:600}.default-btn{margin-top:.625rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.default-btn:hover{background:#e5e7eb;border-color:#9ca3af}.default-btn:active{background:#d1d5db}.default-btn[id=toggle-preview-btn]{margin-top:.5rem}@media(min-width: 992px)and (max-width: 1919px){.btn{padding:calc(0.75rem*1.2) calc(1.5rem*1.2);font-size:1.2rem}.generate-btn{padding:calc(0.75rem*1.2) calc(1.25rem*1.2);font-size:1.08rem;min-width:13.5rem}.default-btn{margin-top:.75rem;padding:.6rem 1.2rem;border-radius:.45rem;font-size:1.05rem}.default-btn[id=toggle-preview-btn]{margin-top:.6rem}}@media(min-width: 1025px){.btn{padding:calc(0.75rem*1.2) calc(1.5rem*1.2);font-size:1.2rem}.generate-btn{padding:calc(0.75rem*1.2) calc(1.25rem*1.2);font-size:1.08rem;min-width:13.5rem}}@media(max-width: 768px){.generate-btn{width:100%;justify-content:center;min-height:2.75rem}.btn{min-height:2.75rem;padding:.75rem 1rem}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group select,.form-textarea{width:100%;padding:1.25rem 1rem;border:.125rem solid #e5e7eb;border-radius:.75rem;font-family:"Open Sans",sans-serif;font-size:1rem;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 .0625rem .125rem rgba(0,0,0,.05)}.form-group input[type=text]:focus,.form-group input[type=password]:focus,.form-group input[type=email]:focus,.form-group select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .25rem rgba(102,126,234,.1),0 .25rem .375rem -0.0625rem rgba(0,0,0,.1);background:#fff;transform:translateY(-0.0625rem)}.form-group input[type=text]:hover:not(:focus),.form-group input[type=password]:hover:not(:focus),.form-group input[type=email]:hover:not(:focus),.form-group select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:#cbd5e1;box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.form-textarea{min-height:7.5rem;resize:vertical}.form-hint{font-size:.875rem;color:#6b7280;margin-top:.75rem;line-height:1.5}.stacked-inputs{display:flex;flex-direction:column;gap:1rem}.color-picker-group{display:flex;align-items:center;gap:1rem}.color-picker-wrapper{display:flex;align-items:center;gap:1rem}.color-picker-wrapper input[type=text]{width:13.75rem;font-family:"Courier New",Courier,monospace;font-size:1rem}.color-preview{width:3rem;height:3rem;border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer}.color-input{width:3rem;height:3rem;padding:0;border:none;border-radius:.5rem;cursor:pointer;background-color:rgba(0,0,0,0)}.form-footer{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.modern-label{display:block;font-weight:600;font-size:.95rem;color:#374151;margin-bottom:.75rem;letter-spacing:.025em}.url-input-section{margin-bottom:1.5rem}.input-wrapper{display:flex;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.modern-input{flex:1;min-width:15.625rem;padding:.75rem 1rem;border:.125rem solid #e5e7eb;border-radius:.75rem;font-size:.95rem;font-family:inherit;background-color:#fff;color:#1f2937;transition:all .3s ease;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.modern-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 .1875rem rgba(59,130,246,.1);background-color:#fff}.modern-input::placeholder{color:#9ca3af}.textarea-wrapper{margin-bottom:1rem}.modern-textarea{width:100%;padding:1rem 1.25rem;border:.125rem solid #e5e7eb;border-radius:.75rem;font-size:.95rem;font-family:inherit;line-height:1.6;background-color:#fff;color:#1f2937;resize:vertical;min-height:12.5rem;transition:all .3s ease;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.modern-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 .1875rem rgba(59,130,246,.1);background-color:#fff}.modern-textarea::placeholder{color:#9ca3af}main:has(.auth-section){padding-top:4.375rem !important;min-height:100vh;display:flex;flex-direction:column;background:rgba(0,0,0,0)}.auth-section{flex:1;min-height:calc(100vh - 4.375rem);display:flex;align-items:center;justify-content:center;padding:3rem 0;margin-bottom:0;background:rgba(0,0,0,0);position:relative;overflow:hidden;width:100vw !important;max-width:none !important;margin-left:calc(-50vw + 50%) !important;margin-right:calc(-50vw + 50%) !important;margin-top:0 !important}.auth-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb;padding:2rem}.auth-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:3rem 2rem;border-radius:1rem;box-shadow:0 1.25rem 3.75rem rgba(30,58,138,.15),0 .5rem 1.5rem rgba(0,0,0,.08),inset 0 .0625rem 0 hsla(0,0%,100%,.9);width:100%;max-width:27.5rem;position:relative;border:1px solid hsla(0,0%,100%,.5);transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{transform:translateY(-0.125rem);box-shadow:0 1.5rem 4.5rem rgba(30,58,138,.18),0 .625rem 1.875rem rgba(0,0,0,.1),inset 0 .0625rem 0 hsla(0,0%,100%,.9)}.auth-header{text-align:center;margin-bottom:3rem}.auth-header .logo{text-decoration:none;display:block;margin-bottom:1.5rem;color:#f59e0b;font-family:"Poppins",sans-serif;font-weight:700;font-size:1.25rem}.auth-header h1{font-family:"Poppins",sans-serif;font-size:2rem;background:linear-gradient(135deg, #1E3A8A 0%, #667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.5rem;font-weight:700;letter-spacing:-0.02em}.auth-header p{color:#475569;font-size:1rem;line-height:1.6}@media(min-width: 992px)and (max-width: 1919px){.auth-header .logo{font-size:calc(1.25rem*.68)}}.auth-form{margin-bottom:2rem}.auth-card .form-group{margin-bottom:1.5rem}.auth-card .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem;letter-spacing:.01em}.auth-card .form-group input[type=email],.auth-card .form-group input[type=password],.auth-card .form-group input[type=text]{width:100%;padding:1rem 1.25rem;border:.125rem solid rgba(226,232,240,.8);border-radius:.75rem;font-size:1rem;font-family:"Open Sans",sans-serif;background:hsla(0,0%,100%,.9);color:#1f2937;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 .0625rem .1875rem rgba(0,0,0,.05)}.auth-card .form-group input[type=email]:focus,.auth-card .form-group input[type=password]:focus,.auth-card .form-group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 .25rem rgba(59,130,246,.1),0 .25rem .75rem rgba(59,130,246,.15);background:#fff;transform:translateY(-0.0625rem)}.auth-card .form-group input[type=email]:hover:not(:focus),.auth-card .form-group input[type=password]:hover:not(:focus),.auth-card .form-group input[type=text]:hover:not(:focus){border-color:rgba(148,163,184,.6);box-shadow:0 .125rem .375rem rgba(0,0,0,.06)}.auth-card .form-group input[type=email].error,.auth-card .form-group input[type=password].error,.auth-card .form-group input[type=text].error{border-color:#ef4444;box-shadow:0 0 0 .25rem rgba(220,38,38,.1)}.auth-card .btn-block,.auth-card .btn.full-width{width:100%;padding:1.25rem 2rem;font-size:1rem;font-weight:600;margin-top:1rem;border-radius:.75rem;box-shadow:0 .25rem .75rem rgba(59,130,246,.2);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.auth-card .btn-block:hover,.auth-card .btn.full-width:hover{transform:translateY(-0.125rem);box-shadow:0 .375rem 1.25rem rgba(59,130,246,.3)}.auth-card .btn-block:active,.auth-card .btn.full-width:active{transform:translateY(0)}.text-right{text-align:right}.forgot-password-link{color:#3b82f6;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.forgot-password-link:hover{color:#1e3a8a;text-decoration:underline}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(226,232,240,.8)}.auth-footer p{margin:0;color:#475569;font-size:.875rem;line-height:1.6}.auth-footer .terms{font-size:.8rem;color:#6b7280;margin-bottom:1rem}.auth-footer .sub-link{font-size:.875rem}.auth-footer a{color:#3b82f6;font-weight:600;text-decoration:none;transition:all .2s ease}.auth-footer a:hover{color:#1e3a8a;text-decoration:underline}.auth-card .alert{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6;border:.125rem solid;position:relative;display:flex;align-items:flex-start;gap:.5rem}.auth-card .alert::before{content:"";width:.25rem;height:100%;position:absolute;left:0;top:0;bottom:0;border-radius:.25rem 0 0 .25rem}.auth-card .alert-success{background:rgba(239,246,255,.8);color:#1e40af;border-color:rgba(59,130,246,.3)}.auth-card .alert-success::before{background:#3b82f6}.auth-card .alert-error{background:rgba(254,242,242,.9);color:#dc2626;border-color:rgba(220,38,38,.3);display:flex;flex-direction:column;gap:.25rem}.auth-card .alert-error::before{background:#ef4444}.auth-card .alert-error div{line-height:1.5}.auth-card .alert-info{background:rgba(239,246,255,.8);color:#1e40af;border-color:rgba(59,130,246,.3)}.auth-card .alert-info::before{background:#3b82f6}.terms-box{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:.5rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafb;text-align:left}.terms-box input[type=checkbox]{margin-top:.1875rem}.terms-label{display:block;font-size:.875rem;color:#374151;line-height:1.5;text-align:left;word-break:normal;overflow-wrap:anywhere}.terms-label a{color:#3b82f6;text-decoration:none}.terms-label a:hover{text-decoration:underline}.form-footer{text-align:right;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media(max-width: 768px){main:has(.auth-section){padding-top:6.5625rem !important}.auth-section{min-height:calc(100vh - 6.5625rem);padding:1.5rem 1rem 1.5rem;background-attachment:scroll;width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;margin-top:0 !important;position:relative}.auth-card{padding:2rem 1.5rem;max-width:100%}.auth-card:hover{transform:none}.auth-header{margin-bottom:2rem}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.875rem}.auth-card .form-group{margin-bottom:1rem}.auth-card .form-group input[type=email],.auth-card .form-group input[type=password],.auth-card .form-group input[type=text]{padding:1rem;font-size:1rem}.color-picker-wrapper{flex-wrap:wrap}.color-picker-wrapper input[type=text]{width:100%}.form-footer{justify-content:stretch}.form-footer .btn{width:100%}.input-wrapper{gap:.5rem !important;flex-direction:column}.modern-label{margin-bottom:.5rem !important;font-size:.9rem}.gdpr-toggle-group{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.gdpr-label{font-size:.9rem;line-height:1.4;word-wrap:break-word;white-space:normal;flex-shrink:1;width:100%}.modern-switch{flex-shrink:0;align-self:flex-start}.form-hint{font-size:.8rem;line-height:1.4}.modern-input{padding:.75rem .875rem !important;font-size:1rem;width:100%}.generate-btn{padding:.75rem 1rem !important;font-size:.85rem !important;width:100%;justify-content:center}.input-wrapper{flex-direction:column;gap:.75rem}.modern-input{min-width:100%}}@media(max-width: 480px){.auth-section{padding:1rem}.auth-card{padding:1.5rem 1rem}.auth-header h1{font-size:1.25rem}.terms-box{padding:.5rem;grid-template-columns:auto 1fr}.terms-box input[type=checkbox]{margin-top:.125rem}.terms-label{font-size:.75rem;line-height:1.5}.gdpr-toggle-group{flex-direction:column;align-items:flex-start;gap:.75rem;min-height:auto}.gdpr-label{font-size:.9rem;line-height:1.4;width:100%}.modern-switch{flex-shrink:0}.form-hint{font-size:.85rem;line-height:1.5;margin-top:.5rem !important}.gdpr-toggle-group{gap:.625rem}.gdpr-label{font-size:.85rem}}@media(min-width: 1024px){.auth-card{max-width:37.5rem}}.portal-card{background:#fff;border-radius:.5rem;padding:2.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);margin-bottom:2rem}.feature-card{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);text-align:center}.pricing-card{background-color:#fff;padding:2.5rem 2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);border:.125rem solid #e5e7eb}.pricing-card.popular{transform:scale(1.05);border-color:#1e3a8a}.record-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);padding:1rem;word-break:break-word}.record-card+.record-card{margin-top:.75rem}.record-card-title{font-weight:700;margin-bottom:.25rem}.record-card-meta{color:#6b7280;font-size:.9rem;margin-bottom:.5rem}@media(max-width: 768px){.portal-card{padding:1rem;margin:0 0 1rem 0;border-radius:.75rem}.record-card{padding:.75rem}.record-card-title{font-size:1rem}.record-card-meta{font-size:.875rem}}.tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;gap:.25rem;flex-wrap:wrap}.tab-link{font-family:"Open Sans",sans-serif;font-weight:600;font-size:1rem;padding:.75rem 1rem;border:none;background:none;cursor:pointer;position:relative;color:#6b7280;transition:color .3s ease;border-radius:.5rem .5rem 0 0;text-align:center;min-height:2.75rem}.tab-link::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#1e3a8a;transform:scaleX(0);transition:transform .3s ease}.tab-link.active{color:#1e3a8a}.tab-link.active::after{transform:scaleX(1)}.tab-content{display:none;animation:fadeIn .5s;width:100%}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 768px){.tabs{gap:.5rem}.tab-link{padding:.5rem .75rem;font-size:.95rem;border-radius:.5rem;background:#fff;border:1px solid #e5e7eb;min-height:2.75rem}.tab-link.active{background:#eef2ff;border-color:#c7d2fe}}.accordion-container{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.accordion-item:not(:last-child){border-bottom:1px solid #e5e7eb}.accordion-header{background-color:#f9fafb;color:#1f2937;cursor:pointer;padding:1.25rem 1.5rem;min-height:2.75rem;width:100%;border:none;text-align:left;outline:none;font-size:1rem;font-weight:600;transition:background-color .3s ease;display:flex;align-items:center;justify-content:space-between}.accordion-item.active .accordion-header,.accordion-header:hover{background-color:#f0f2f5}.accordion-icon{font-size:1.5rem;font-weight:400;color:#1e3a8a}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#fff}.accordion-item.active .accordion-content{max-height:1000px}.faq-accordion{display:flex;flex-direction:column;gap:1rem}.faq-item{border:2px solid #e5e7eb;border-radius:14px;overflow:hidden;transition:all .3s ease;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative}.faq-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease;z-index:1}.faq-item:hover{border-color:#cbd5e1;box-shadow:0 4px 16px rgba(102,126,234,.15),0 2px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.faq-item:hover::before{transform:scaleX(1)}.faq-item.active{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-color:#667eea;box-shadow:0 8px 24px rgba(102,126,234,.2),0 4px 12px rgba(0,0,0,.1)}.faq-item.active::before{transform:scaleX(1)}.faq-question{width:100%;padding:1.25rem 1.5rem;background:rgba(0,0,0,0);border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:1.075rem;font-weight:600;color:#1f2937;transition:all .3s ease;position:relative;line-height:1.5}.faq-question:hover{background:linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(118, 75, 162, 0.04) 100%);color:#667eea}.faq-question:focus{outline:none;background:linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.06) 100%);color:#667eea}.question-text{flex:1;line-height:1.5}.faq-icon{font-size:1.75rem;font-weight:700;color:#667eea;transition:all .3s ease;min-width:32px;min-height:32px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(102,126,234,.1);padding:4px}.faq-item.active .faq-icon{color:#764ba2;background-color:rgba(118,75,162,.15)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-top:2px solid #e5e7eb;transition:max-height .4s cubic-bezier(0.4, 0, 0.2, 1),padding .3s ease}.faq-item.active .faq-answer{max-height:2000px}.faq-answer p{padding:0 1.5rem 1.5rem;margin:0;color:#374151;line-height:1.8;font-size:1rem}.faq-answer p:first-child{padding-top:1.5rem}.faq-answer p:not(:last-child){margin-bottom:1rem}.faq-answer p strong{font-weight:700 !important;color:#1f2937}.faq-answer ol,.faq-answer ul{padding:0 1.5rem 1.5rem;margin:0;padding-left:2.5rem;color:#374151;line-height:1.8}.faq-answer ol:first-child,.faq-answer ul:first-child{padding-top:1.5rem}.faq-answer ol li,.faq-answer ul li{margin-bottom:.75rem}.faq-answer ol li::marker,.faq-answer ul li::marker{color:#667eea}.faq-answer ol li strong,.faq-answer ul li strong{font-weight:700 !important;color:#1f2937}.faq-answer ol{padding-left:2.5rem}.faq-answer ol li{list-style-type:decimal}.faq-answer ul{padding-left:2rem}.faq-answer ul li{list-style-type:disc}.faq-answer strong{font-weight:700 !important;color:#1f2937}@media(max-width: 768px){.faq-question{padding:1.25rem;font-size:1rem;min-height:2.75rem}.faq-answer p{padding:0 1.25rem 1.25rem;font-size:.95rem}.faq-answer p:first-child{padding-top:1.25rem}}@media(max-width: 480px){.faq-question{padding:1rem;font-size:.95rem;flex-direction:column;gap:.5rem;align-items:flex-start}.faq-icon{align-self:flex-end;margin-top:-1.5rem}.faq-answer p{padding:0 1rem 1rem;font-size:.9rem}.faq-answer p:first-child{padding-top:1rem}}@media(hover: none)and (pointer: coarse){.faq-question{min-height:60px}.faq-icon{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}}.only-desktop{display:block !important}.only-mobile{display:none !important}@media(max-width: 768px){.only-desktop{display:none !important}.only-mobile{display:block !important}}.table-wrap{width:100%;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07)}.table-modern{width:100%;border-collapse:collapse;font-size:.95rem}.table-modern thead th{position:sticky;top:0;background:#f8fafc;color:#1f2937;text-align:left;font-weight:700;padding:.875rem 1rem;border-bottom:1px solid #e5e7eb;white-space:nowrap}.table-modern tbody td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.table-modern tbody td pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.table-modern tbody tr:hover{background:#f9fbff}.table-meta{color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;white-space:nowrap}.admin-section{text-align:left}.record-cards{display:none}@media(max-width: 768px){.table-wrap{display:none}.record-cards{display:grid;gap:.75rem}.admin-section .container{padding-left:.75rem;padding-right:.75rem}}.chat-history-messages{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message-bubble{padding:.75rem 1.25rem;border-radius:1.125rem;max-width:80%;line-height:1.5}.message-bubble.user{background-color:#1e3a8a;color:#fff;align-self:flex-end;border-bottom-right-radius:.25rem}.message-bubble.bot{background-color:#f9fafb;color:#1f2937;align-self:flex-start;border-bottom-left-radius:.25rem}.message-bubble.bot span:not(:empty):not(:has(.thinking-indicator)){animation:fadeInText .3s ease-out forwards}@keyframes fadeInText{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.message-timestamp{display:block;font-size:.75rem;opacity:.7;margin-top:.25rem;text-align:right}.pagination{margin-top:2rem;text-align:center}.pagination a{color:#1e3a8a;padding:.5rem 1rem;text-decoration:none;border:1px solid #e5e7eb;border-radius:.25rem;margin:0 .25rem}.pagination a:hover{background-color:#f9fafb}.chat-transcript{display:flex;flex-direction:column;gap:.75rem;padding-left:.5rem;padding-right:.5rem;width:100%}.chat-row{display:grid;grid-template-columns:11.25rem 1fr;gap:1rem;align-items:start;justify-items:stretch;width:100%}.chat-row .chat-timestamp{white-space:nowrap;color:#64748b;font-size:.9rem;word-break:break-word;overflow-wrap:anywhere}@media(max-width: 768px){.chat-row{display:flex;flex-direction:column;grid-template-columns:none;gap:.5rem}.chat-row .chat-timestamp{width:100%;margin-bottom:.25rem;white-space:normal;font-size:.75rem}}.chat-bubble{max-width:100%;width:100%;border-radius:.875rem;padding:.75rem 1rem;line-height:1.6;box-shadow:0 .0625rem .125rem rgba(0,0,0,.04);word-wrap:break-word;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}.chat-bubble.user{background-color:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0}.chat-bubble.bot{background-color:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.blog-hero-section{background:rgba(0,0,0,0);color:#1f2937;padding:calc(4.375rem + 3.5rem) 0 3.5rem;text-align:center;position:relative;overflow:hidden;width:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:center}.blog-hero-section::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);z-index:1}.blog-hero-section::after{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);border-radius:50%;z-index:0}.blog-hero-section .container{position:relative;z-index:2;width:100%}.blog-hero-title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;font-family:"Poppins",sans-serif;text-shadow:none;background:linear-gradient(135deg, #1e40af 0%, #667eea 50%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:-0.03em;line-height:1.15;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.blog-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);opacity:1;max-width:720px;margin:0 auto;padding:0 1.5rem;line-height:1.65;color:#64748b !important;font-weight:500;text-align:center}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat-item{font-size:1.1rem}.stat-item strong{display:block;font-size:2rem;color:#f59e0b}.blog-content{padding:4rem 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-top:2rem}.blog-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);overflow:hidden;transition:transform box-shadow ease;border:1px solid #e5e7eb}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card-header{position:relative}.card-image{height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-meta{padding:1rem 1.5rem 0;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#6b7280}.publish-date{color:#6b7280}.author{color:#1e3a8a;font-weight:600}.card-body{padding:1.5rem}.card-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.4}.title-link{color:#1f2937;text-decoration:none;transition:color .3s ease}.title-link:hover{color:#1e3a8a}.card-excerpt{margin-bottom:1.5rem;color:#6b7280;line-height:1.6}.card-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tag{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:1.25rem;font-size:.75rem;font-weight:500}.card-footer{padding:0 1.5rem 1.5rem}.read-more-btn{display:inline-flex;align-items:center;gap:.5rem;color:#1e3a8a;text-decoration:none;font-weight:600;transition:color .3s ease}.read-more-btn:hover{color:#1c347a}.arrow-icon{transition:transform .3s ease}.read-more-btn:hover .arrow-icon{transform:translateX(4px)}.empty-state{text-align:center;padding:4rem 2rem;margin:2rem 0;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:1.25rem;border:2px dashed #cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.05)}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.8}.empty-state h3{font-size:1.75rem;margin-bottom:1rem;color:#1f2937;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.empty-state p{color:#6b7280;margin-bottom:2rem;font-size:1.125rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.blog-post-main{padding-top:calc(4.375rem + 1rem)}.breadcrumb{margin-bottom:2rem}.breadcrumb ol{display:flex;list-style:none;gap:.5rem;font-size:.875rem}.breadcrumb a{color:#1e3a8a;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-content{max-width:800px;margin:0 auto}.article-meta{margin-bottom:2rem}.meta-top{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.article-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:#1f2937}.article-excerpt{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.article-tags{display:flex;gap:.5rem;margin-bottom:2rem}.author-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.author-avatar img{border-radius:50%}.author-details{display:flex;flex-direction:column}.author-name{font-weight:600;color:#1f2937}.author-role{font-size:.875rem;color:#6b7280}.featured-image{margin:2rem 0;border-radius:.5rem;overflow:hidden}.featured-image img{width:100%;height:auto}.article-body{font-size:1.125rem;line-height:1.8;color:#1f2937}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;color:#1f2937}.article-body h1{font-size:2rem}.article-body h2{font-size:1.75rem}.article-body h3{font-size:1.5rem}.article-body h4{font-size:1.25rem}.article-body p{margin-bottom:1.5rem}.article-body ul,.article-body ol{margin-bottom:1.5rem;padding-left:2rem}.article-body li{margin-bottom:.5rem}.article-body a{color:#1e3a8a;text-decoration:underline}.article-body a:hover{color:#1c347a}.article-body blockquote{border-left:4px solid #1e3a8a;padding-left:1rem;margin:2rem 0;font-style:italic;color:#6b7280}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.share-section{margin-bottom:2rem}.share-section h3{margin-bottom:1rem;font-size:1.25rem}.share-buttons{display:flex;gap:1rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;text-decoration:none;color:#1f2937;font-weight:500;transition:all .3s ease;background:#fff}.share-btn:hover{background:#f9fafb;border-color:#1e3a8a}.share-btn.reddit:hover{color:#ff4500;border-color:#ff4500}.share-btn.linkedin:hover{color:#0077b5;border-color:#0077b5}.share-btn.copied{background:#10b981;color:#fff;border-color:#10b981}.cta-section{margin-top:2rem}.cta-card{background:linear-gradient(135deg, #1E3A8A 0%, #1C347A 100%);color:#fff;padding:2rem;border-radius:.75rem;text-align:center}.cta-card h3{font-size:1.5rem;margin-bottom:1rem}.cta-card p{margin-bottom:1.5rem;opacity:.9}.article-navigation{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.nav-link{display:inline-flex;align-items:center;gap:.5rem;color:#1e3a8a;text-decoration:none;font-weight:600;transition:color .3s ease}.nav-link:hover{color:#1c347a}@media(max-width: 768px){.blog-hero-title{font-size:2.5rem}.blog-hero-subtitle{font-size:1.125rem}.blog-hero-section{padding:calc(6.5625rem + 3rem) 1.5rem 3rem}.article-title{font-size:2rem}.blog-post-main{padding-top:0}.share-buttons{flex-direction:column}.share-btn{justify-content:center}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.search-input-group{max-width:100%}.card-image{height:220px}.pagination{flex-direction:column;gap:.75rem}.pagination-btn{width:100%;justify-content:center}}@media(max-width: 480px){.blog-hero-section{padding:2rem 1rem;text-align:center}.blog-hero-title{font-size:1.5rem}.article-title{font-size:1.5rem}.blog-post-main{padding-top:0}.article-header{padding:calc(6.5625rem + .5rem) .5rem 1.5rem}.author-info{flex-direction:column;align-items:flex-start}}.blog-post-main{background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);min-height:100vh}.blog-main{background:rgba(0,0,0,0);min-height:100vh;overflow-x:hidden}.article-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:calc(4.375rem + 3rem) 0 3rem;position:relative;overflow:hidden}.article-header::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);z-index:1}.article-header::after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);border-radius:50%;z-index:0}.article-header .container{position:relative;z-index:1}.article-container{max-width:1200px;margin:0 auto;padding:0 1rem}.article-meta{max-width:800px;margin:0 auto}.article-categories{margin-bottom:1rem}.category-badge{background:linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);color:#fff;padding:.4rem 1rem;border-radius:1.25rem;font-size:.85rem;font-weight:600;margin-right:.75rem;margin-bottom:.5rem;display:inline-block;border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.category-badge:hover{background:linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.25) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.article-title{font-size:3rem;font-weight:800;line-height:1.15;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-0.02em;font-family:"Poppins",sans-serif}.article-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.meta-info{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;color:#fff;font-weight:500}.publish-date,.reading-time,.view-count{font-size:.95rem;opacity:.95;color:#fff;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.1);border-radius:.75rem;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.publish-date:hover,.reading-time:hover,.view-count:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.article-header .reading-time,.article-info .reading-time,.card-meta .reading-time,.blog-card .reading-time{color:#4b5563 !important}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);color:#fff;padding:.4rem 1rem;border-radius:1.25rem;font-size:.85rem;font-weight:500;text-decoration:none;border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-block}.tag:hover{background:linear-gradient(135deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.25) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.featured-image{max-width:900px;margin:2.5rem auto 0;border-radius:1.25rem;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.1);border:4px solid hsla(0,0%,100%,.2);position:relative;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.featured-image::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);z-index:1}.featured-image:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.15)}.featured-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.featured-image:hover img{transform:scale(1.02)}.content-layout{max-width:900px;margin:0 auto}.article-body{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:1.25rem;padding:3rem;box-shadow:0 10px 30px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);border:2px solid #e5e7eb;position:relative;margin-top:-2rem;z-index:2}.content-wrapper{max-width:70ch;margin:0 auto;line-height:1.85;font-size:1.125rem;color:#374151}.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4{margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3;letter-spacing:-0.01em}.content-wrapper h1{font-size:2.25rem;background:linear-gradient(135deg, #1e40af 0%, #667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;border-bottom:3px solid #e5e7eb;padding-bottom:.75rem;margin-top:0}.content-wrapper h2{font-size:1.875rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-top:2.5rem;padding-top:1rem;border-top:2px solid #f3f4f6}.content-wrapper h3{font-size:1.5rem;color:#4b5563;font-weight:600}.content-wrapper h4{font-size:1.25rem;color:#6b7280;font-weight:600}.content-wrapper p{margin-bottom:1.75rem;color:#374151;font-size:1.125rem}.content-wrapper img{max-width:100%;height:auto;border-radius:.75rem;margin:2rem 0;box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);border:2px solid #e5e7eb}.content-wrapper blockquote{border-left:4px solid #667eea;padding:1.25rem 1.5rem;margin:2rem 0;font-style:italic;color:#4b5563;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:0 12px 12px 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.content-wrapper blockquote p{margin-bottom:.5rem}.content-wrapper blockquote p:last-child{margin-bottom:0}.content-wrapper ul,.content-wrapper ol{margin:1.75rem 0;padding-left:2.5rem}.content-wrapper li{margin-bottom:.75rem;color:#374151;line-height:1.8}.content-wrapper li::marker{color:#667eea}.content-wrapper strong{color:#1f2937;font-weight:600}.content-wrapper a{color:#667eea;text-decoration:underline;text-underline-offset:3px;transition:all .2s ease;font-weight:500}.content-wrapper a:hover{color:#764ba2;text-decoration:none}.content-wrapper code{background:#f3f4f6;padding:.2rem .5rem;border-radius:4px;font-size:.9em;color:#dc2626;font-family:"Courier New",monospace}.content-wrapper pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.content-wrapper pre code{background:rgba(0,0,0,0);color:inherit;padding:0}.social-share{margin-top:3rem;padding-top:2.5rem;border-top:2px solid #e5e7eb}.social-share h3{margin-bottom:1.5rem;color:#1f2937;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:.75rem;border:2px solid #e5e7eb;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);color:#374151;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.05);position:relative;overflow:hidden}.share-btn::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.share-btn:hover{background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.2),0 2px 8px rgba(0,0,0,.1)}.share-btn:hover::before{transform:scaleX(1)}.share-btn.reddit:hover{color:#ff4500;border-color:#ff4500;box-shadow:0 6px 16px rgba(255,69,0,.2)}.share-btn.reddit:hover::before{background:linear-gradient(135deg, #FF4500 0%, #FF6B35 100%)}.share-btn.facebook:hover{color:#1877f2;border-color:#1877f2;box-shadow:0 6px 16px rgba(24,119,242,.2)}.share-btn.facebook:hover::before{background:linear-gradient(135deg, #1877F2 0%, #42A5F5 100%)}.share-btn.linkedin:hover{color:#0077b5;border-color:#0077b5;box-shadow:0 6px 16px rgba(0,119,181,.2)}.share-btn.linkedin:hover::before{background:linear-gradient(135deg, #0077B5 0%, #00A0DC 100%)}.share-btn.copy-link:hover{color:#10b981;border-color:#10b981;box-shadow:0 6px 16px rgba(16,185,129,.2)}.share-btn.copy-link:hover::before{background:linear-gradient(135deg, #10B981 0%, #34D399 100%)}.comments-section{margin-top:3rem;padding-top:2.5rem;border-top:2px solid #e5e7eb}.comments-section h3{margin-bottom:2rem;color:#1f2937;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.comments-list{margin-bottom:2rem}.comment{background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);padding:1.5rem;border-radius:.75rem;margin-bottom:1.25rem;border:2px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.comment::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease;border-radius:12px 12px 0 0}.comment:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);border-color:#cbd5e1}.comment:hover::before{transform:scaleX(1)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-author{color:#1f2937;font-weight:600;font-size:1.05rem}.comment-date{font-size:.875rem;color:#6b7280;padding:.25rem .75rem;background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);border-radius:.75rem;font-weight:500}.comment-content{color:#374151;line-height:1.75;margin-top:.75rem;font-size:1rem}.comment-form{background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);padding:2rem;border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,.05);position:relative}.comment-form::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:16px 16px 0 0}.comment-form h4{margin-bottom:1.5rem;color:#1f2937;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);box-shadow:0 1px 3px rgba(0,0,0,.05)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 2px 4px rgba(0,0,0,.05);background:#fff;transform:translateY(-1px)}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:#cbd5e1}.blog-main-content{display:flex;flex-direction:column}.blog-filters{margin-bottom:2.5rem;padding:1.5rem 1.25rem;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border-radius:1rem;border:1px solid rgba(226,232,240,.9);box-shadow:0 1px 3px rgba(0,0,0,.04)}.search-form{margin-bottom:0}.search-input-group{display:flex;width:100%;max-width:560px;box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;transition:all .25s ease}.search-input-group:hover{border-color:#c7d2fe;box-shadow:0 4px 12px rgba(102,126,234,.12)}.search-input-group:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.search-input{flex:1;padding:.875rem 1.25rem;border:none;border-radius:12px 0 0 12px;font-size:1rem;outline:none;transition:background .2s ease;background:rgba(0,0,0,0);color:#334155}.search-input::placeholder{color:#94a3b8}.search-input:focus{background:#fff}.search-btn{padding:.875rem 1.25rem;background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);color:#fff;border:none;border-radius:0 12px 12px 0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);opacity:.95}.search-btn:active{transform:scale(0.98)}.search-btn svg{width:20px;height:20px}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.filter-tag{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:.5rem 1rem;border-radius:1.25rem;font-size:.875rem;display:inline-flex;align-items:center;gap:.75rem;font-weight:600;box-shadow:0 2px 8px rgba(102,126,234,.3),0 1px 4px rgba(0,0,0,.1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.filter-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4),0 2px 6px rgba(0,0,0,.15)}.remove-filter{color:#fff;text-decoration:none;font-weight:bold;font-size:1.2rem;line-height:1;padding:2px 4px;border-radius:50%;transition:all .2s ease}.remove-filter:hover{background:hsla(0,0%,100%,.2);transform:scale(1.2)}.blog-layout{max-width:980px;margin:0 auto}.blog-card{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;border:2px solid #e5e7eb;position:relative}.blog-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease;z-index:1}.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(102,126,234,.2),0 4px 16px rgba(0,0,0,.1);border-color:#cbd5e1}.blog-card:hover::before{transform:scaleX(1)}.blog-card:hover .card-image img{transform:scale(1.08)}.blog-card:hover .title-link{color:#667eea}.card-image{height:240px;overflow:hidden;position:relative}.card-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.05) 100%);pointer-events:none}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1)}.card-meta{padding:1rem 1.5rem;display:flex;gap:1.25rem;font-size:.875rem;color:#6b7280;font-weight:500;flex-wrap:wrap;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-bottom:1px solid #e5e7eb}.publish-date{color:#4b5563;display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:.75rem;border:1px solid #e5e7eb;font-weight:600}.reading-time{color:#4b5563;display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:.75rem;border:1px solid #e5e7eb;font-weight:600;color:#4b5563 !important}.card-meta .reading-time,.blog-card .reading-time{color:#4b5563 !important}.card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.3;letter-spacing:-0.01em}.title-link{color:#1f2937;text-decoration:none;transition:all .3s ease;display:block}.title-link:hover{color:#667eea}.card-excerpt{color:#4b5563;line-height:1.7;margin-bottom:1.25rem;flex:1;font-size:1rem}.card-excerpt p{margin:0}.card-tags{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1rem}.tag{background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);color:#4b5563;padding:.375rem .875rem;border-radius:16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #d1d5db;display:inline-block}.tag:hover{background:linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.category-tag{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-color:rgba(0,0,0,0);box-shadow:0 2px 6px rgba(102,126,234,.3)}.category-tag:hover{background:linear-gradient(135deg, #5a6fd8 0%, #6a3f8f 100%);box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-2px)}.card-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #f3f4f6;background:linear-gradient(135deg, #fafbfc 0%, #f8fafc 100%)}.read-more-btn{display:inline-flex;align-items:center;gap:.625rem;color:#667eea;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);padding:.5rem 1rem;border-radius:10px;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border:2px solid #e5e7eb}.read-more-btn:hover{color:#764ba2;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-color:#667eea;transform:translateX(4px);box-shadow:0 2px 8px rgba(102,126,234,.2)}.read-more-btn:hover .arrow-icon{transform:translateX(4px)}.arrow-icon{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0;flex-wrap:wrap}.pagination-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:.75rem;color:#667eea;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);box-shadow:0 2px 4px rgba(0,0,0,.05);display:inline-flex;align-items:center;gap:.5rem}.pagination-btn:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-color:rgba(0,0,0,0);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3),0 2px 6px rgba(0,0,0,.1)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.pagination-btn.disabled:hover{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);color:#667eea;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.05)}.pagination-info{padding:.75rem 1.5rem;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:.75rem;border:2px solid #e5e7eb;color:#4b5563;font-weight:600;font-size:.95rem}@media(max-width: 768px){.article-header{padding:calc(6.5625rem + 1.5rem) 1rem 2rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.article-header::after{width:300px;height:300px;top:-30%;right:-15%}.article-title{font-size:1.875rem;line-height:1.2;margin-bottom:1.25rem;letter-spacing:-0.01em;text-shadow:0 2px 6px rgba(0,0,0,.25)}.article-categories{margin-bottom:.875rem}.category-badge{font-size:.8rem;padding:.35rem .875rem;margin-right:.5rem;margin-bottom:.5rem}.article-info{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1rem}.meta-info{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.publish-date,.reading-time{font-size:.875rem;padding:.4rem .875rem;width:100%;justify-content:flex-start}.article-tags{width:100%;gap:.5rem}.tag{font-size:.8rem;padding:.35rem .875rem}.featured-image{margin:1.5rem auto 0;border-radius:16px;border-width:2px;max-width:100%}.featured-image img{border-radius:14px}.article-body{padding:2rem 1.25rem;border-radius:16px;margin-top:-1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);border-width:1px}.content-wrapper{font-size:1rem;line-height:1.75}.content-wrapper h1{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem}.content-wrapper h2{font-size:1.5rem;margin-top:2rem;margin-bottom:.875rem;padding-top:.75rem}.content-wrapper h3{font-size:1.25rem;margin-top:1.75rem;margin-bottom:.75rem}.content-wrapper h4{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem}.content-wrapper p{font-size:1rem;margin-bottom:1.5rem;line-height:1.75}.content-wrapper img{border-radius:.75rem;margin:1.5rem 0;box-shadow:0 4px 16px rgba(0,0,0,.08)}.content-wrapper blockquote{padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 10px 10px 0;font-size:.95rem}.content-wrapper ul,.content-wrapper ol{margin:1.5rem 0;padding-left:1.75rem}.content-wrapper li{margin-bottom:.625rem;line-height:1.7}.content-wrapper code{font-size:.875em;padding:.15rem .4rem}.content-wrapper pre{padding:1.25rem;border-radius:10px;margin:1.5rem 0;font-size:.875rem;overflow-x:auto}.social-share{margin-top:2.5rem;padding-top:2rem}.social-share h3{font-size:1.25rem;margin-bottom:1.25rem}.share-buttons{flex-direction:column;gap:.75rem}.share-btn{width:100%;justify-content:center;padding:.875rem 1rem;font-size:.95rem}.comments-section{margin-top:2.5rem;padding-top:2rem}.comments-section h3{font-size:1.5rem;margin-bottom:1.5rem}.comments-section h4{font-size:1.125rem;margin-bottom:1rem}.comment{padding:1rem;margin-bottom:1rem;border-radius:.75rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.comment-author{font-size:.95rem}.comment-date{font-size:.8rem}.comment-content{font-size:.95rem;line-height:1.6}.comment-form{margin-top:1.5rem;padding:1.5rem 1.25rem;border-radius:.75rem}.comment-form h4{font-size:1.125rem;margin-bottom:1.25rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem;margin-bottom:.5rem;font-weight:600;color:#374151}.form-group input,.form-group textarea{font-size:1rem;padding:.75rem;border-radius:8px;width:100%}.form-group textarea{min-height:120px;resize:vertical}.btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;border-radius:10px;font-weight:600}.container{padding-left:1rem;padding-right:1rem}.article-content .container{padding-left:0;padding-right:0}.content-layout{padding:0 1rem}}@media(max-width: 480px){.article-header{padding:calc(6.5625rem + 1rem) .5rem 1.5rem}.article-header::after{width:250px;height:250px;top:-25%;right:-20%}.article-title{font-size:1.625rem;line-height:1.25;margin-bottom:1rem;text-shadow:0 2px 6px rgba(0,0,0,.25)}.category-badge{font-size:.75rem;padding:.3rem .75rem;margin-right:.4rem;margin-bottom:.4rem}.publish-date,.reading-time{font-size:.8rem;padding:.35rem .75rem}.tag{font-size:.75rem;padding:.3rem .75rem}.featured-image{margin:1.25rem auto 0;border-radius:.75rem;border-width:2px;box-shadow:0 8px 24px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.08)}.content-layout{padding:0 .5rem;gap:1.25rem}.article-body{padding:1.5rem .5rem;border-radius:.75rem;margin-top:-1.25rem}.content-wrapper{font-size:.95rem;line-height:1.7}.content-wrapper h1{font-size:1.5rem;margin-top:1.75rem;margin-bottom:.875rem}.content-wrapper h2{font-size:1.25rem;margin-top:1.75rem;margin-bottom:.75rem}.content-wrapper h3{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.625rem}.content-wrapper h4{font-size:1rem;margin-top:1.25rem;margin-bottom:.625rem}.content-wrapper p{font-size:.95rem;margin-bottom:1.25rem}.content-wrapper img{border-radius:10px;margin:1.25rem 0}.content-wrapper blockquote{padding:.875rem 1rem;margin:1.25rem 0;font-size:.9rem}.content-wrapper ul,.content-wrapper ol{margin:1.25rem 0;padding-left:1.5rem}.content-wrapper li{margin-bottom:.5rem}.content-wrapper pre{padding:1rem;font-size:.8rem;margin:1.25rem 0}.social-share{margin-top:2rem;padding-top:1.75rem}.social-share h3{font-size:1.125rem;margin-bottom:1rem}.share-btn{padding:.75rem .875rem;font-size:.9rem}.comments-section{margin-top:2rem;padding-top:1.75rem}.comments-section h3{font-size:1.25rem;margin-bottom:1.25rem}.comments-section h4{font-size:1rem}.comment{padding:.875rem;border-radius:10px}.comment-author{font-size:.9rem}.comment-date{font-size:.75rem}.comment-content{font-size:.9rem}.comment-form{margin-top:1.25rem;padding:1.25rem .5rem;border-radius:10px}.comment-form h4{font-size:1rem;margin-bottom:1rem}.form-row{grid-template-columns:1fr;gap:.875rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{font-size:.95rem;padding:.625rem;border-radius:8px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.btn{padding:.75rem 1.25rem;font-size:.95rem;border-radius:8px;width:100%}.container{padding-left:.5rem;padding-right:.5rem}.article-content .container{padding-left:0;padding-right:0}.content-layout{padding:0 .5rem}.blog-layout{gap:1.25rem}.blog-card{width:100%}.search-input-group{max-width:100%}}.faq-main{min-height:100vh;background:rgba(0,0,0,0);overflow-x:hidden}.faq-hero-section{background:rgba(0,0,0,0);color:#1f2937;padding:calc(4.375rem + 3rem) 0 3rem;text-align:center;position:relative;overflow:hidden;width:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:center}.faq-hero-section::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);z-index:1}.faq-hero-section::after{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);border-radius:50%;z-index:0}.faq-hero-section .container{position:relative;z-index:2;width:100%}.faq-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;font-family:"Poppins",sans-serif;text-shadow:none;background:linear-gradient(135deg, #1e40af 0%, #667eea 50%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:-0.02em;line-height:1.2;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.faq-subtitle{font-size:1.25rem;opacity:1;max-width:800px;margin:0 auto 2rem;line-height:1.6;color:#475569 !important;font-weight:500;text-align:center}.faq-content-section{padding:4rem 0;position:relative}.faq-content-section .container{max-width:900px}.faq-category{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);border:2px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.faq-category::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease;border-radius:20px 20px 0 0}.faq-category:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(102,126,234,.2),0 6px 16px rgba(0,0,0,.1);border-color:#cbd5e1}.faq-category:hover::before{transform:scaleX(1)}.faq-category-title{display:flex;align-items:center;gap:1rem;font-size:1.875rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid rgba(0,0,0,0);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;position:relative}.faq-category-title::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:2px}.category-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(102, 126, 234, 0.3));transition:transform .3s ease}.faq-category:hover .category-icon{transform:scale(1.1) rotate(5deg)}@media(min-width: 1025px)and (max-width: 1024px){.faq-content-section .container{max-width:800px}.faq-category{padding:2rem}}@media(max-width: 768px){.faq-hero-section{padding:calc(6.5625rem + 2rem) 1.5rem 2rem}.faq-title{font-size:2.5rem;margin-bottom:.75rem;padding:0 1rem;line-height:1.3}.faq-subtitle{font-size:1.125rem;padding:0 1rem;margin-bottom:1.5rem}.faq-content-section{padding:3rem 0}.faq-category{padding:1.5rem;margin-bottom:1.5rem}.faq-category-title{font-size:1.5rem;margin-bottom:1.5rem}}@media(max-width: 480px){.faq-hero-section{padding:calc(6.5625rem + 1.5rem) 1rem 1.5rem}.faq-title{font-size:2rem;margin-bottom:.5rem;padding:0 .5rem;line-height:1.3}.faq-subtitle{font-size:1rem;padding:0 .5rem;margin-bottom:1rem}.faq-content-section{padding:2rem 0}.faq-category{padding:1rem;margin-bottom:1rem;border-radius:.75rem}.faq-category-title{font-size:1.25rem;margin-bottom:1rem;flex-direction:column;gap:.5rem;text-align:center}.category-icon{font-size:1.75rem}.faq-main{overflow-x:hidden;width:100%;position:relative}.faq-content-section{overflow-x:hidden;width:100%;position:relative}.faq-category{overflow-x:hidden;width:100%;position:relative}}@media(hover: none)and (pointer: coarse){.faq-question{min-height:60px}.faq-icon{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}}.faq-section{background-color:#fff}.contact-main{min-height:100vh;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);overflow-x:hidden}.contact-hero-section{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:calc(4.375rem + 4rem) 0 4rem;text-align:center;position:relative;overflow:hidden;width:100%;max-width:none;margin:0}.contact-hero-section::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);z-index:1}.contact-hero-section::after{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);border-radius:50%;z-index:0}.contact-hero-section .container{position:relative;z-index:2}.contact-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;font-family:"Poppins",sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff !important;letter-spacing:-0.02em;line-height:1.15}.contact-subtitle{font-size:1.25rem;opacity:.95;max-width:700px;margin:0 auto;line-height:1.7;color:#fff !important;font-weight:500}.contact-content-section{padding:4rem 0;position:relative}.contact-content-section .container{max-width:800px;margin:0 auto}.contact-card{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:20px;padding:3rem;box-shadow:0 10px 30px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);border:2px solid #e5e7eb;position:relative;overflow:hidden;text-align:center;margin-top:-2rem;z-index:2}.contact-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:20px 20px 0 0}.contact-icon-wrapper{margin-bottom:2rem;display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);border-radius:50%;border:3px solid rgba(102,126,234,.2);box-shadow:0 4px 12px rgba(102,126,234,.15);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.contact-icon-wrapper svg{color:#667eea;transition:all .3s ease}.contact-icon-wrapper:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px rgba(102,126,234,.25);border-color:rgba(102,126,234,.4)}.contact-icon-wrapper:hover svg{color:#764ba2}.contact-text{margin-bottom:2rem}.contact-intro{font-size:1.125rem;line-height:1.8;color:#374151;margin-bottom:1.5rem;font-weight:500}.contact-email-wrapper{margin:2rem 0}.contact-email-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff !important;font-weight:700;font-size:1.25rem;text-decoration:none;border-radius:14px;box-shadow:0 4px 12px rgba(102,126,234,.3),0 2px 6px rgba(0,0,0,.1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid rgba(0,0,0,0);position:relative;overflow:hidden}.contact-email-link::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);opacity:0;transition:opacity .3s ease}.contact-email-link svg{flex-shrink:0;transition:transform .3s ease}.contact-email-link:hover{background:linear-gradient(135deg, #5a6fd8 0%, #6a3f8f 100%);transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,.4),0 4px 10px rgba(0,0,0,.15)}.contact-email-link:hover::before{opacity:1}.contact-email-link:hover svg{transform:translateX(4px)}.contact-email-link:active{transform:translateY(-1px)}.contact-outro{font-size:1rem;line-height:1.8;color:#6b7280;margin-top:2rem;font-style:italic;font-weight:500}.contact-action{margin-top:2.5rem;text-align:center;padding-top:2rem;border-top:2px solid #f3f4f6}@media(max-width: 768px){.contact-hero-section{padding:calc(6.5625rem + 3rem) 1.5rem 3rem}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.125rem}.contact-content-section{padding:3rem 0}.contact-card{padding:2rem 1.5rem;margin-top:-1.5rem}.contact-icon-wrapper{width:80px;height:80px;margin-bottom:1.5rem}.contact-icon-wrapper svg{width:48px;height:48px}.contact-intro{font-size:1rem}.contact-email-link{font-size:1.1rem;padding:.875rem 1.5rem;flex-direction:column;gap:.5rem}}@media(max-width: 480px){.contact-hero-section{padding:calc(6.5625rem + 2rem) 1rem 2rem}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-card{padding:1.5rem 1rem;margin-top:-1rem}.contact-icon-wrapper{width:70px;height:70px;margin-bottom:1.25rem}.contact-icon-wrapper svg{width:40px;height:40px}.contact-intro{font-size:.95rem}.contact-email-link{font-size:1rem;padding:.75rem 1.25rem}.contact-outro{font-size:.95rem}}.legal-main{min-height:100vh;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);overflow-x:hidden}.legal-hero-section{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:calc(4.375rem + 4rem) 0 4rem;text-align:center;position:relative;overflow:hidden;width:100%;max-width:none;margin:0}.legal-hero-section::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);z-index:1}.legal-hero-section::after{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);border-radius:50%;z-index:0}.legal-hero-section .container{position:relative;z-index:2}.legal-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;font-family:"Poppins",sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff !important;letter-spacing:-0.02em;line-height:1.15}.legal-subtitle{font-size:1.25rem;opacity:.95;max-width:700px;margin:0 auto;line-height:1.7;color:#fff !important;font-weight:500}.legal-content-section{padding:4rem 0;position:relative}.legal-content-section .container{max-width:800px;margin:0 auto}.legal-card{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:20px;padding:3rem;box-shadow:0 10px 30px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);border:2px solid #e5e7eb;position:relative;overflow:hidden;text-align:left;margin-top:-2rem;z-index:2}.legal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:20px 20px 0 0}.legal-icon-wrapper{margin-bottom:2rem;display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);border-radius:50%;border:3px solid rgba(102,126,234,.2);box-shadow:0 4px 12px rgba(102,126,234,.15);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.legal-icon-wrapper svg{color:#667eea;transition:all .3s ease}.legal-icon-wrapper:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px rgba(102,126,234,.25);border-color:rgba(102,126,234,.4)}.legal-icon-wrapper:hover svg{color:#764ba2}.legal-text{margin-bottom:2rem}.legal-info-group{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #f3f4f6}.legal-info-group:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-info-title{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid #e5e7eb;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;position:relative}.legal-info-title::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:2px}.legal-text p{margin-bottom:1rem;line-height:1.8;color:#374151;font-size:1.05rem}.legal-text p:last-child{margin-bottom:0}.legal-text strong{color:#1e293b;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.legal-link{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease;border-bottom:2px solid rgba(0,0,0,0);padding-bottom:2px}.legal-link:hover{color:#764ba2;border-bottom-color:#764ba2}.legal-action{margin-top:2.5rem;text-align:center;padding-top:2rem;border-top:2px solid #f3f4f6}@media(max-width: 768px){.legal-hero-section{padding:calc(6.5625rem + 3rem) 1.5rem 3rem}.legal-title{font-size:2.5rem}.legal-subtitle{font-size:1.125rem}.legal-content-section{padding:3rem 0}.legal-card{padding:2rem 1.5rem;margin-top:-1.5rem}.legal-icon-wrapper{width:80px;height:80px;margin-bottom:1.5rem}.legal-icon-wrapper svg{width:48px;height:48px}.legal-info-title{font-size:1.25rem}.legal-text p{font-size:1rem}}@media(max-width: 480px){.legal-hero-section{padding:calc(6.5625rem + 2rem) 1rem 2rem}.legal-title{font-size:2rem}.legal-subtitle{font-size:1rem}.legal-card{padding:1.5rem 1rem;margin-top:-1rem}.legal-icon-wrapper{width:70px;height:70px;margin-bottom:1.25rem}.legal-icon-wrapper svg{width:40px;height:40px}.legal-info-title{font-size:1.125rem}.legal-text p{font-size:.95rem}.legal-info-group{margin-bottom:2rem;padding-bottom:1.5rem}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity visibility ease;z-index:1100}.popup-overlay.active{opacity:1;visibility:visible}.popup-overlay.active .popup-container{transform:scale(1)}.popup-container{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.2);width:90%;max-width:500px;transform:scale(0.9);transition:transform .3s ease}.popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:1rem}.popup-title{font-size:1.5rem;font-family:"Poppins",sans-serif;color:#1f2937}.popup-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#9ca3af}.popup-message{font-size:1rem;line-height:1.6;color:#4b5563}.popup-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.hero-split{max-width:75rem;margin:0 auto;padding:0 2rem}.hero-left{text-align:left}.hero-left h1{margin-bottom:.5rem;background:linear-gradient(135deg, #1e40af 0%, #667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:800;letter-spacing:-0.02em}.hero-left h2{font-size:1.25rem;color:#475569;margin-bottom:1rem;font-weight:400;line-height:1.4}.hero-left p{margin:0 0 1.25rem 0}.hero-subtitle{font-size:1.1rem;color:#2d3748;margin-bottom:1.5rem;font-weight:400;line-height:1.4;opacity:1}.hero-left .hero-subtitle{text-align:left;color:#2d3748 !important}.hero-benefits{margin:2rem 0;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0}.benefit-item{font-size:1rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.hero-quote{margin:3rem 0 0 0;padding:0;border:none;text-align:left}.hero-quote .quote-text{font-size:1.125rem;font-style:italic;color:#374151;line-height:1.8;margin:0 0 .5rem 0;position:relative;padding-left:2rem}.hero-quote .quote-text::before{content:'"';position:absolute;left:0;top:-0.2em;font-size:3em;color:#3b82f6;opacity:.3;font-family:Georgia,serif;line-height:1}.hero-quote .quote-author{display:block;font-size:.875rem;color:#475569;font-style:normal;font-weight:600;margin-top:.5rem;padding-left:2rem}.demo-chatbox-section{padding:4rem 2rem;background-color:rgba(0,0,0,0);text-align:center}.demo-chatbox-wrapper{display:flex;justify-content:center;align-items:center;max-width:37.5rem;margin:0 auto}.demo-chatbox{width:30rem;height:25rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;padding:1.25rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column;position:relative}.demo-chatbox::before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.demo-messages{flex:1 1 auto;overflow-y:auto;padding-right:.25rem;display:flex;flex-direction:column}.demo-chatbox .msg{margin:.5rem 0;padding:.5rem 1.25rem;border-radius:1.125rem;max-width:80%;line-height:1.4;opacity:0;transform:translateY(0.625rem);transition:all .3s ease;word-break:break-word}.demo-chatbox .msg.show{opacity:1;transform:translateY(0)}.demo-chatbox .user{background:#3b82f6;color:#fff;margin-left:auto;border-bottom-right-radius:.25rem}.demo-chatbox .bot{background:#f3f4f6;color:#374151;margin-right:auto;border-bottom-left-radius:.25rem}.typing-bubble{background:#f3f4f6;color:#374151;margin:.5rem 0;margin-right:auto;padding:.5rem 1.25rem;border-radius:1.125rem;border-bottom-left-radius:.25rem;display:inline-flex;align-items:center;gap:.25rem}.typing-dot{width:.375rem;height:.375rem;border-radius:50%;background:#6b7280;opacity:.2;animation:typingBlink 1.4s infinite ease-in-out both}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBlink{0%,80%,100%{opacity:.2}40%{opacity:1}}@media(max-width: 768px){.hero-split{padding:0 .5rem}.hero-left{text-align:center;padding:0}.hero-left h1{font-size:2rem;margin-bottom:1rem;line-height:1.2;word-break:break-word}.hero-left h2{font-size:1.2rem;margin-bottom:1rem;line-height:1.4}.hero-quote{margin:2rem 0 0 0;text-align:center}.hero-quote .quote-text{font-size:1rem;padding-left:1.5rem;text-align:left}.hero-quote .quote-author{padding-left:1.5rem;text-align:left}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-left .hero-subtitle{text-align:center}.hero-benefits{margin:3rem 0;gap:1rem;text-align:left;padding:1rem}.benefit-item{font-size:.875rem;text-align:left;justify-content:flex-start;width:100%;padding:.25rem 0}.demo-chatbox{width:100%;max-width:21.875rem;height:20rem;margin:0 auto}.demo-chatbox-section{padding:3rem 1rem}.demo-chatbox-wrapper{max-width:100%}}@media(max-width: 480px){.hero-left{padding:0 1rem}.hero-left h1{font-size:1.5rem;margin-bottom:1.25rem}.hero-left h2{font-size:1.1rem;margin-bottom:1rem}.hero-subtitle{font-size:.95rem;margin-bottom:1.5rem}.hero-left .hero-subtitle{text-align:center}.hero-benefits{margin:2rem 0;gap:.5rem;text-align:left;padding:.5rem}.benefit-item{font-size:.875rem;text-align:left;justify-content:flex-start;width:100%;padding:.25rem 0}.hero-quote{margin:1.5rem 0 0 0}.hero-quote .quote-text{font-size:.875rem;padding-left:1rem}.hero-quote .quote-author{font-size:.75rem;padding-left:1rem}.demo-chatbox{max-width:20rem;height:18.75rem}.demo-chatbox-section{padding:2rem 1rem}}@media(max-width: 360px){.hero-left h1{font-size:1.25rem}.hero-left h2{font-size:1rem}.hero-subtitle{font-size:.75rem}.hero-left .hero-subtitle{text-align:center}.hero-benefits{text-align:left;padding:.5rem}.benefit-item{font-size:.75rem;text-align:left;justify-content:flex-start;width:100%}}.upgrade-container{display:flex;justify-content:center;align-items:center;padding:6rem 2rem;min-height:calc(100vh - 140px);text-align:center}.upgrade-card{background:#fff;padding:4rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);max-width:550px;width:100%}.upgrade-card h1{color:#1e3a8a;margin-bottom:1.5rem}.upgrade-card p{margin-bottom:2rem;font-size:1.1rem;line-height:1.6}@media(max-width: 768px){.upgrade-container{padding:4rem 1rem}.upgrade-card{padding:2rem;max-width:100%}.upgrade-card h1{font-size:2rem}.upgrade-card p{font-size:1rem}}@media(max-width: 480px){.upgrade-container{padding:3rem .75rem}.upgrade-card{padding:1.5rem}.upgrade-card h1{font-size:1.5rem}.upgrade-card p{font-size:.95rem}}.tc-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;color:#6b7280;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.98) 100%);backdrop-filter:blur(10px);animation:tc-welcomeFadeIn .6s ease-out}@media(min-width: 992px){.tc-welcome{padding:3rem 4rem}}@media(min-width: 1200px){.tc-welcome{padding:4rem 5rem}}.tc-welcome .line1{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:tc-welcomeSlideIn .8s ease-out;letter-spacing:-0.02em}@media(min-width: 992px){.tc-welcome .line1{font-size:2.5rem;margin-bottom:1.5rem}}@media(min-width: 1200px){.tc-welcome .line1{font-size:3.5rem}}.tc-welcome .line2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#374151;animation:tc-welcomeSlideIn .8s ease-out .1s both}@media(min-width: 992px){.tc-welcome .line2{font-size:1.5rem;margin-bottom:1rem}}@media(min-width: 1200px){.tc-welcome .line2{font-size:1.75rem}}.tc-welcome .line3{font-size:1rem;color:#6b7280;animation:tc-welcomeSlideIn .8s ease-out .2s both;font-weight:500}@media(min-width: 992px){.tc-welcome .line3{font-size:1.125rem}}@media(min-width: 1200px){.tc-welcome .line3{font-size:1.25rem}}@keyframes tc-welcomeFadeIn{from{opacity:0}to{opacity:1}}@keyframes tc-welcomeSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 768px){.tc-welcome .line1{font-size:1.5rem}.tc-welcome .line2{font-size:1rem}.tc-welcome .line3{font-size:.875rem}}#test-chat-input::placeholder{color:#475569;opacity:.95}.tc-bubble.bot .tc-para{margin:.4em 0}.tc-bubble.bot .tc-para:first-child{margin-top:0}.tc-bubble.bot .tc-para:last-child{margin-bottom:0}.tc-bubble.bot .tc-list{margin:.5em 0 .5em .75rem;padding-left:1rem;line-height:1.65}.tc-bubble.bot .tc-list li{margin:.2em 0}.tc-bubble.bot .tc-list:first-child{margin-top:0}.tc-bubble.bot .tc-list:last-child{margin-bottom:0}.tc-bubble.bot ol.tc-list{list-style-type:decimal}.tc-bubble.bot ul.tc-list{list-style-type:disc}.tc-bubble.bot .tc-code-block{background:#1e293b;color:#e2e8f0;border-radius:.5rem;padding:.75rem;margin:.5em 0;overflow-x:auto;font-family:"Courier New",Courier,monospace;font-size:.85em;line-height:1.5;white-space:pre}.tc-bubble.bot .tc-code-block code{background:rgba(0,0,0,0);color:inherit;padding:0}.tc-bubble.bot .tc-inline-code{background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.1);border-radius:.25rem;padding:.1em .35em;font-family:"Courier New",Courier,monospace;font-size:.88em;white-space:nowrap}.tc-bubble.bot .tc-heading{font-weight:700;margin:.75em 0 .4em 0;line-height:1.3}.tc-bubble.bot .tc-heading:first-child{margin-top:0}.tc-bubble.bot h2.tc-heading{font-size:1.2em;border-bottom:1px solid #e2e8f0;padding-bottom:.3em}.tc-bubble.bot h3.tc-heading{font-size:1.05em}.tc-bubble.bot .tc-quote{border-left:3px solid #6366f1;background:rgba(99,102,241,.06);margin:.5em 0;padding:.5em .75em;border-radius:.25rem;font-style:italic;color:#475569}.tc-bubble.bot .tc-hr{border:none;border-top:1px solid #e2e8f0;margin:.6em 0}.tc-bubble.bot em{font-style:italic}.test-chat-wrapper{background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}@media(min-width: 992px){.test-chat-wrapper{padding:2rem;gap:1.5rem;border-radius:1rem}}@media(min-width: 1200px){.test-chat-wrapper{padding:3rem;gap:2rem;border-radius:1.25rem}}.test-chat-wrapper::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);opacity:.6}@media(min-width: 992px){.test-chat-wrapper::before{height:4px}}.test-input-row{display:flex;gap:.5rem;align-items:center}#test-chat-input{flex:1;border:1px solid #cbd5e1;border-radius:.75rem;padding:.5rem 1.25rem;font-size:1rem;resize:none}#test-chat-send{padding:.75rem 1rem;display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem}@media(max-width: 768px){.test-chat-wrapper{gap:10px}#test-chat-messages{min-height:250px;max-height:50vh;padding:12px;overflow-y:auto;overflow-x:hidden}.test-input-row{gap:6px}#test-chat-input{min-width:0;padding:10px 12px;font-size:1rem}#test-chat-send{padding:10px 12px;flex-shrink:0}.portal-card#top-test-chat #test-chat-input{padding-left:12px;padding-right:12px}.portal-card#top-test-chat #test-chat-send{padding-left:16px;padding-right:16px}.portal-card#top-test-chat .test-chat-wrapper{margin-left:-0.5rem;margin-right:-0.5rem;padding-left:.5rem;padding-right:.5rem}#test-chat-send .send-text{display:none}#test-chat-send .send-icon{width:18px;height:18px}}@media(max-width: 480px){#test-chat-messages{min-height:200px;max-height:45vh;padding:10px;overflow-y:auto;overflow-x:hidden}.test-input-row{flex-direction:column;align-items:stretch}#test-chat-input{width:100%;margin-bottom:0}#test-chat-send{width:100%;justify-content:center}.portal-card#top-test-chat{padding:.5rem !important}.portal-card#top-test-chat .test-chat-wrapper{margin-left:-0.25rem;margin-right:-0.25rem;padding-left:.25rem;padding-right:.25rem}.portal-card#top-test-chat #test-chat-messages{padding:8px !important}.portal-card#top-test-chat .test-input-row{padding-left:0;padding-right:0}}.setup-subtitle .pulsing-blue,.pulsing-blue{color:#fff;font-weight:700;background-color:#1e3a8a;padding:.5rem 1rem;border-radius:.5rem;display:inline-block;animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%,100%{opacity:1;transform:scale(1);background-color:#1e40af}50%{opacity:.8;transform:scale(1.05);background-color:#2563eb}}.section-container{background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.section-container::before{content:"";position:absolute;top:0;left:0;right:0;height:.1875rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.section-container:hover{box-shadow:0 .25rem .375rem -0.0625rem rgba(0,0,0,.1),0 .125rem .25rem -0.0625rem rgba(0,0,0,.06);border-color:#e2e8f0}.section-container:hover::before{transform:scaleX(1)}.chevron-icon{display:inline-block;width:0;height:0;transition:transform .2s ease}.chevron-right{border-left:6px solid #64748b;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0)}.chevron-down{border-top:6px solid #64748b;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);transform:translateY(2px)}.section-title{font-size:1.25rem;font-weight:700;color:#1e40af;margin:0 0 1rem 0;padding-bottom:.75rem;border-bottom:.125rem solid #e5e7eb}.tab-navigation-header{text-align:center;margin-bottom:1.5rem;padding:0 1rem}.tab-section-title{font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 .5rem 0;background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.tab-section-subtitle{font-size:1.1rem;color:#64748b;margin:0;font-weight:500;line-height:1.5}.tabs{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:1rem;padding:1rem;margin-bottom:2.5rem;box-shadow:0 .25rem .375rem -0.0625rem rgba(0,0,0,.1),0 .125rem .25rem -0.0625rem rgba(0,0,0,.06);border:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab-link{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;color:#64748b;font-weight:600;font-size:1rem;border-radius:.75rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none;position:relative;background:rgba(0,0,0,0);border:none;cursor:pointer;flex:0 0 auto;min-width:fit-content;justify-content:center;white-space:nowrap;max-width:12.5rem}.tab-link:hover{background:hsla(0,0%,100%,.7);color:#475569;transform:translateY(-0.0625rem);box-shadow:0 .25rem .5rem -0.125rem rgba(0,0,0,.1)}.tab-link.active{background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);color:#fff;font-weight:700;box-shadow:0 .5rem 1rem -0.25rem rgba(79,70,229,.4),0 .25rem .5rem -0.125rem rgba(79,70,229,.2);transform:translateY(-0.125rem)}.tab-link.active::before{content:"";position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;background:linear-gradient(135deg, #4F46E5, #7C3AED);border-radius:.875rem;z-index:-1;opacity:.2}.test-chat-wrapper{max-width:56.25rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;position:relative}@media(min-width: 992px){.test-chat-wrapper{max-width:100%;gap:1rem}}@media(min-width: 1200px){.test-chat-wrapper{max-width:100%;gap:1.25rem}}@media(min-width: 1400px){.test-chat-wrapper{max-width:100%}}#test-chat-messages{flex:1;min-height:18.75rem;max-height:60vh;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(226,232,240,.8);border-radius:1rem;padding:1.25rem;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%);display:flex;flex-direction:column;gap:.75rem;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.04),inset 0 1px 0 0 hsla(0,0%,100%,.5);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}@media(min-width: 992px){#test-chat-messages{min-height:22rem;max-height:65vh;padding:1.5rem;gap:1rem;border-radius:1.125rem}}@media(min-width: 1200px){#test-chat-messages{min-height:25rem;max-height:70vh;padding:1.75rem;gap:1.125rem;border-radius:1.25rem}}#test-chat-messages::-webkit-scrollbar{width:.5rem}@media(min-width: 992px){#test-chat-messages::-webkit-scrollbar{width:.625rem}}#test-chat-messages::-webkit-scrollbar-track{background:#f8fafc;border-radius:.5rem}#test-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);border-radius:.5rem}#test-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #94a3b8 0%, #64748b 100%)}.test-input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0}@media(min-width: 992px){.test-input-row{gap:.75rem}}@media(min-width: 1200px){.test-input-row{gap:1rem}}#test-chat-input{flex:1;min-width:12.5rem;border:1.5px solid #e2e8f0;border-radius:.875rem;padding:.875rem 1.125rem;font-size:1rem;resize:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}@media(min-width: 992px){#test-chat-input{padding:1rem 1.25rem;font-size:1.05rem;border-radius:1rem}}@media(min-width: 1200px){#test-chat-input{padding:1.125rem 1.5rem;font-size:1.1rem}}#test-chat-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1),0 2px 4px rgba(0,0,0,.05);transform:translateY(-1px)}#test-chat-input:hover:not(:focus){border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.04)}#test-chat-send{padding:.875rem 1.25rem;display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);background-size:200% 200%;border:none;border-radius:.875rem;box-shadow:0 4px 6px -1px rgba(79,70,229,.3),0 2px 4px -1px rgba(79,70,229,.2),inset 0 1px 0 0 hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;flex-shrink:0;font-weight:600;color:#fff;position:relative;overflow:hidden}#test-chat-send::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}#test-chat-send:hover{transform:translateY(-2px);box-shadow:0 6px 12px -1px rgba(79,70,229,.4),0 4px 6px -1px rgba(79,70,229,.3);background-position:right center}#test-chat-send:hover::before{left:100%}#test-chat-send:active{transform:translateY(0);box-shadow:0 2px 4px -1px rgba(79,70,229,.3)}#test-chat-send:disabled{opacity:.6;cursor:not-allowed;transform:none}.send-icon{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.send-text{font-weight:600;letter-spacing:.01em;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 480px){.send-text{display:none}}#test-chat-send:hover .send-icon{transform:translateX(2px) translateY(-1px)}#test-chat-send:hover .send-text{transform:translateX(1px)}@media(min-width: 992px){#test-chat-send{padding:.9rem 1.2rem;gap:.6rem;font-size:1.05rem}#test-chat-send .send-icon{width:1.2rem;height:1.2rem}}.card-title.gradient-title{color:#1e3a8a;font-weight:800;font-size:1.6rem;background:linear-gradient(135deg, #1e40af 0%, #667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(min-width: 992px){.card-title.gradient-title{font-size:1.875rem}}@media(min-width: 1200px){.card-title.gradient-title{font-size:2.125rem}}@media(max-width: 1024px){.tab-link{padding:.875rem 1.25rem;font-size:.95rem;max-width:9.375rem}.test-chat-wrapper{max-width:100%;padding:0 .5rem}#test-chat-messages{min-height:15.625rem;max-height:50vh;padding:.75rem}.card-title.gradient-title{font-size:1.4rem}.portal-main .tab-content{padding:1.5rem}}@media(max-width: 768px){.tabs{flex-direction:row;gap:.5rem;overflow-x:auto;padding:.75rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tabs::-webkit-scrollbar{height:.375rem}.tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.1875rem}.tab-link{padding:12px 16px;font-size:.85rem;max-width:140px;flex:0 0 auto;min-width:fit-content;white-space:nowrap}.tab-navigation-header{margin-bottom:12px;padding:0 8px}.tab-section-title{font-size:1.4rem}.tab-section-subtitle{font-size:.9rem}.portal-main .tab-content{padding:1rem;margin-top:2px;border-radius:.75rem}.portal-main .section-container{padding:1rem;margin-bottom:1rem;border-radius:.75rem}.section-title{font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem}.portal-main .form-group{margin-bottom:1rem}.portal-main .url-input-section{margin-bottom:1rem}.portal-main .input-wrapper{gap:.5rem;flex-direction:column}.portal-main .modern-label{margin-bottom:.5rem;font-size:.9rem}.portal-main .modern-input{padding:.75rem .875rem;font-size:1rem;width:100%}.portal-main .generate-btn{padding:.75rem 1rem;font-size:.875rem;width:100%;justify-content:center}.test-chat-wrapper{gap:10px}#test-chat-messages{min-height:250px;max-height:50vh;padding:12px;overflow-y:auto;overflow-x:hidden}.test-input-row{gap:6px}#test-chat-input{min-width:0;padding:10px 12px;font-size:1rem}#test-chat-send{padding:10px 12px;flex-shrink:0}.card-title.gradient-title{font-size:1.3rem;margin-bottom:1rem}.portal-main .portal-card{padding:1.25rem;margin-bottom:1rem}.portal-main .portal-card.active{padding:1.25rem}}@media(max-width: 480px){.tabs{padding:.5rem;gap:.375rem}.tab-link{padding:.625rem .875rem;font-size:.8rem;max-width:7.5rem}.tab-section-title{font-size:1.2rem}.tab-section-subtitle{font-size:.85rem}.tab-content{padding:.75rem !important}.section-container{padding:.75rem !important}#test-chat-messages{min-height:12.5rem;max-height:45vh;padding:.625rem;overflow-y:auto;overflow-x:hidden}.test-input-row{flex-direction:column;align-items:stretch}#test-chat-input{width:100%;margin-bottom:0}#test-chat-send{width:100%;justify-content:center}.card-title.gradient-title{font-size:1.1rem}.portal-card{padding:1rem !important}}.tab-content{background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);border-radius:1rem;padding:2rem;margin-top:.5rem;box-shadow:0 .25rem .375rem -0.0625rem rgba(0,0,0,.1),0 .125rem .25rem -0.0625rem rgba(0,0,0,.06);border:1px solid #e2e8f0;animation:fadeInUp .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.tab-content::before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.tab-content:hover::before{transform:scaleX(1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.tab-icon{display:none}.tab-text{font-weight:inherit;color:inherit}.preview-notice{margin-top:2rem;padding:2rem;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:16px;border:1px solid #e2e8f0}.notice-content h4{margin:0 0 1rem 0;color:#1e40af;font-size:1.25rem;font-weight:600}.notice-content p{margin:0 0 1.5rem 0;color:#64748b;font-size:.95rem;line-height:1.5}.notice-tips{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e2e8f0}.notice-tips p{margin:0 0 1rem 0;font-weight:600;color:#374151}.notice-tips ul{margin:0;padding-left:1.5rem;color:#64748b}.notice-tips li{margin-bottom:.5rem;line-height:1.4}.tab-link.assistant-tab{display:flex;align-items:center;gap:8px;padding:16px 24px}.tab-icon{font-size:16px;transition:all .3s ease}.tab-text{font-weight:500;transition:all .3s ease}.tab-status{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;font-size:.6875rem;font-weight:700;color:#059669;background:linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%);border-radius:50%;width:1.125rem;height:1.125rem;line-height:1;text-align:center;vertical-align:middle;box-shadow:0 2px 4px -1px rgba(16,185,129,.3);border:1px solid rgba(16,185,129,.2)}.tab-status.active{color:#059669;background:linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%)}.tab-status.inactive{color:#dc2626;background:linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%);box-shadow:0 2px 4px -1px rgba(220,38,38,.3);border:1px solid rgba(220,38,38,.2)}.status-badge.inactive{color:#fff;background:#ef4444;border:1px solid #dc2626}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-right:.75rem}.preview-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:20px;margin:20px 0;text-align:center}.preview-error h4{color:#dc2626;margin:0 0 10px 0;font-size:18px}.preview-error p{color:#7f1d1d;margin:0;line-height:1.5}#preview-ownkeybot-container{border:none;margin:0;padding:0;border-radius:0;display:block;align-items:unset;justify-content:unset;background:rgba(0,0,0,0);position:fixed;bottom:0;right:0;z-index:9999;pointer-events:none}#preview-ownkeybot-container:not(:empty){border:none;background:rgba(0,0,0,0);pointer-events:auto}#preview-ownkeybot-container #ownkeybot-container{position:relative;width:100%;height:100%}.preview-container{max-width:100%;margin:0 auto}.config-summary{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.summary-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:1.5rem 2rem;text-align:center}.summary-header h3{margin:0 0 .5rem 0;font-size:1.25rem;font-weight:600;color:#fff !important}.summary-header p{margin:0;opacity:.9;font-size:.9rem;color:#fff !important}.summary-content{padding:2rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.summary-section{background:#f8fafc;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0}.summary-section h4{margin:0 0 1rem 0;color:#1e293b;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.summary-item:last-child{border-bottom:none;padding-bottom:0}.summary-label{font-weight:500;color:#64748b;font-size:.875rem}.summary-value{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1e293b;font-size:.875rem}.color-preview{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #d1d5db;display:inline-block}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fef2f2;color:#991b1b}.preview-notice{background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);border:1px solid #bae6fd;border-radius:16px;padding:2rem;margin-top:2rem}.notice-content h4{margin:0 0 1rem 0;color:#0c4a6e;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.notice-content p{margin:0 0 1.5rem 0;color:#0c4a6e;line-height:1.6}.notice-tips{background:hsla(0,0%,100%,.7);border-radius:.5rem;padding:1.5rem;border:1px solid #bae6fd}.notice-tips p{margin:0 0 1rem 0;font-weight:600;color:#0c4a6e}.notice-tips ul{margin:0;padding-left:1.5rem;color:#0c4a6e}.notice-tips li{margin-bottom:.5rem;line-height:1.5}@media(max-width: 768px){.summary-content{grid-template-columns:1fr;gap:1rem;padding:1rem}.summary-header{padding:1rem}.summary-header h3{font-size:1.1rem;color:#fff !important}.summary-header p{color:#fff !important}.summary-section{padding:1rem}.preview-notice{padding:1.5rem}.notice-tips{padding:1rem}}@media(max-width: 480px){.summary-item{flex-direction:column;align-items:flex-start;gap:.5rem}.summary-value{justify-content:flex-start}}.instruction-preview{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:.75rem;margin-top:.5rem;font-size:.9rem;color:#6c757d;max-height:100px;overflow-y:auto;line-height:1.4}.color-preview{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #d1d5db;margin-right:.5rem;vertical-align:middle}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-success{background-color:#d1fae5;color:#065f46}.badge-info{background-color:#dbeafe;color:#1e40af}.text-success{color:#198754 !important}.text-danger{color:#dc3545 !important}.text-warning{color:#ffc107 !important}.text-muted{color:#6c757d !important}.suggested-questions{margin:.5rem 0 0 0;padding-left:1.5rem}.suggested-questions li{margin-bottom:.25rem;color:#495057}.domain-list{margin:.5rem 0 0 0;padding-left:1.5rem}.domain-list li{margin-bottom:.25rem;color:#495057;font-family:monospace;font-size:.9rem}.preview-launcher{background:#fff;border:2px dashed #dee2e6;border-radius:.75rem;padding:2rem;text-align:center;margin-top:2rem}.preview-launcher h3{margin:0 0 .5rem 0;color:#495057}.preview-launcher p{margin:0 0 1.5rem 0;color:#6c757d}@media(max-width: 768px){.config-summary{grid-template-columns:1fr;gap:1rem}.config-section{padding:1rem}}.status-badge.active{background-color:#22c55e;color:#fff}.status-badge.inactive{background-color:#ef4444;color:#fff}.status-text{font-size:.875rem;font-weight:500}textarea.form-control{resize:vertical;min-height:120px;font-family:inherit;width:100%;padding:1rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px rgba(0,0,0,.05)}textarea.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 4px 6px -1px rgba(0,0,0,.1);background:#fff;transform:translateY(-1px)}textarea.form-control:hover:not(:focus){border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.05)}.assistant-key-display{margin-top:.5rem;font-size:.875rem;color:#6b7280;background-color:#f3f4f6;padding:.5rem;border-radius:.375rem;border:1px solid #e5e7eb}.key-text{font-family:"Courier New",monospace;font-size:.8rem;color:#374151;background-color:#f9fafb;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #d1d5db}.file-upload-container{margin-top:1rem}.file-upload-area{border:2px dashed #d1d5db;border-radius:.5rem;padding:2rem;text-align:center;background-color:#f9fafb;cursor:pointer;transition:all .3s ease}.file-upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.file-upload-area.dragover{border-color:#3b82f6;background-color:#dbeafe}.upload-icon{font-size:2rem;margin-bottom:1rem;color:#6b7280}.file-upload-area p{margin:0;color:#6b7280;font-size:.875rem}.file-list{margin-top:1rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.5rem}.file-item-info{display:flex;align-items:center;flex:1}.file-icon{font-size:1.25rem;margin-right:.75rem;color:#6b7280}.file-details{flex:1}.file-name{font-weight:500;color:#111827;margin-bottom:.25rem}.file-meta{font-size:.75rem;color:#6b7280}.file-size{margin-left:.5rem}.file-actions{display:flex;gap:8px;align-items:center}.download-file-btn{background:none;border:none;color:#10b981;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.download-file-btn:hover{background-color:#f0fdf4}.delete-file-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.delete-file-btn:hover{background-color:#fef2f2}.upload-progress{margin-top:1rem;padding:1rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.375rem}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);width:0%;transition:width .2s ease-out;position:relative;overflow:hidden}.progress-fill::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.upload-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.file-type-icon{font-size:1.5rem;margin-right:.75rem}.file-type-pdf{color:#ef4444}.file-type-doc{color:#3b82f6}.file-type-xls{color:#10b981}.file-type-txt{color:#6b7280}.file-type-csv{color:#f59e0b}.file-type-json{color:#8b5cf6}.file-type-xml{color:#f97316}.api-key-input{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid #e5e7eb !important;background:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);box-shadow:0 1px 2px rgba(0,0,0,.05)}.api-key-input:focus{border-color:#667eea !important;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 4px 6px -1px rgba(0,0,0,.1) !important;background:#fff;transform:translateY(-1px)}.api-key-input:hover:not(:focus){border-color:#cbd5e1 !important;box-shadow:0 2px 4px rgba(0,0,0,.05)}.api-key-input.required{border-color:#ef4444 !important;border-width:2px !important;background:linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);box-shadow:0 0 0 4px rgba(239,68,68,.1) !important}.api-key-input.required:focus{border-color:#dc2626 !important;box-shadow:0 0 0 4px rgba(239,68,68,.15),0 4px 6px -1px rgba(0,0,0,.1) !important;background:#fff;transform:translateY(-1px)}.api-key-input.saved{border-color:#10b981 !important;border-width:2px !important;background:linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);box-shadow:0 0 0 4px rgba(16,185,129,.1) !important}.api-key-input.saved:focus{border-color:#059669 !important;box-shadow:0 0 0 4px rgba(16,185,129,.15),0 4px 6px -1px rgba(0,0,0,.1) !important;background:#fff;transform:translateY(-1px)}.api-key-hint,.api-key-success{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;border-radius:.375rem;font-size:.875rem}.api-key-hint{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.api-key-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.hint-icon{font-size:1rem}.hint-text{font-weight:500}.image-upload-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.image-preview{width:9.375rem;height:3.125rem;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f8fafc}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-preview.avatar-preview{width:5rem;height:5rem;border-radius:50%}.image-preview.avatar-preview img{object-fit:cover;width:100%;height:100%}.image-preview{position:relative}.launcher-button-preview{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);color:#fff;box-shadow:0 .25rem .75rem rgba(79,70,229,.3);transition:all .3s ease}.launcher-button-preview svg{width:1.75rem;height:1.75rem}.image-delete-btn-bottom{margin-top:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);width:auto;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 .125rem .25rem rgba(239,68,68,.2),0 .0625rem .125rem rgba(0,0,0,.1);position:relative;overflow:hidden}.image-delete-btn-bottom::before{content:"";width:1rem;height:1rem;display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease;flex-shrink:0}.image-delete-btn-bottom::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.image-delete-btn-bottom:hover{background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);transform:translateY(-0.125rem);box-shadow:0 .25rem .75rem rgba(239,68,68,.4),0 .125rem .25rem rgba(0,0,0,.2)}.image-delete-btn-bottom:hover::before{transform:scale(1.1) rotate(-5deg)}.image-delete-btn-bottom:hover::after{left:100%}.image-delete-btn-bottom:active{transform:translateY(0);box-shadow:0 .0625rem .1875rem rgba(239,68,68,.3)}.image-delete-btn-bottom:focus{outline:.125rem solid #ef4444;outline-offset:.125rem}.image-upload-input{display:none}.image-upload-label{background-color:#4f46e5;color:#fff !important;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease;font-weight:700}.image-upload-label:hover{background-color:#4338ca;color:#fff !important}.openai-help-section{margin-top:1rem}.help-link{background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;padding:.5rem 0;transition:all .3s ease;border-radius:.375rem}.help-link:hover{color:#1d4ed8;background-color:rgba(59,130,246,.05);padding:.5rem .75rem}.help-icon{font-size:1rem;opacity:.8}.help-text{font-weight:500}.help-arrow{font-size:.8rem;transition:transform .3s ease;margin-left:auto}.help-link.active .help-arrow{transform:rotate(180deg)}.help-content{margin-top:1rem;overflow:hidden;transition:all .3s ease;max-height:0}.help-content.active{max-height:1000px}.help-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.help-box h4{margin:0 0 1.5rem 0;color:#1e293b;font-size:1.1rem;font-weight:600;border-bottom:2px solid #3b82f6;padding-bottom:.5rem;text-align:left}.help-step{margin-bottom:1.5rem;text-align:left}.help-step:last-child{margin-bottom:0}.help-step h5{margin:0 0 .75rem 0;color:#3b82f6;font-size:1rem;font-weight:600;text-align:left}.help-step p{margin:0 0 .75rem 0;color:#475569;font-size:.9rem;line-height:1.6;text-align:left;padding-left:0;margin-left:0}.help-step p:last-child{margin-bottom:0}.help-step a{color:#3b82f6;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(0,0,0,0);transition:border-color .3s ease}.help-step a:hover{border-bottom-color:#3b82f6;background-color:rgba(59,130,246,.05);padding:.1rem .3rem;border-radius:3px}@media(max-width: 768px){.help-box{padding:1rem}.help-step h5{font-size:.95rem}.help-step p{font-size:.85rem}}.gdpr-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.gdpr-toggle-group{display:flex;align-items:center;justify-content:flex-start;gap:.9375rem;min-height:2.5rem}.gdpr-label{font-weight:600;color:#374151;margin:0;flex-shrink:0}.gdpr-message-container{margin-top:1rem;padding-left:0;transition:all .3s ease-in-out}.gdpr-message-container.hidden{opacity:0;max-height:0;overflow:hidden;margin-top:0;padding:0}.gdpr-hint{margin-bottom:.5rem;font-size:.9rem;color:#6b7280}.gdpr-message-container textarea{border-radius:var(--border-radius-md, 8px);border:1px solid #d1d5db;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .2s ease-in-out}.gdpr-message-container textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), 0.2);outline:none}.modern-switch{position:relative;display:inline-block;width:3.125rem;height:1.75rem}.modern-switch input{opacity:0;width:0;height:0}.modern-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:2.125rem}.modern-switch label:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.25rem;top:50%;transform:translateY(-50%);background-color:#fff;transition:.4s;border-radius:50%}.modern-switch input:checked+label{background-color:var(--color-primary)}.modern-switch input:focus+label{box-shadow:0 0 1px var(--color-primary)}.modern-switch input:checked+label:before{transform:translateX(1.375rem) translateY(-50%)}.gdpr-message-container .form-control{border-radius:var(--border-radius-md, 8px);border:1px solid #d1d5db;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .2s ease-in-out}.gdpr-message-container .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), 0.2);outline:none}#indexing-timer-display{margin-top:1rem;padding:.75rem 1rem;background:#3b82f6;color:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 2px 8px rgba(59,130,246,.15);display:flex;align-items:center;gap:.625rem;transition:all .2s ease}#indexing-timer-display>div:first-child{font-size:18px;line-height:1;opacity:.9;flex-shrink:0}#indexing-timer-display>div:last-child{flex:1;min-width:0;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}#indexing-timer-display>div:last-child #indexing-timer-text{font-size:12px;font-weight:500;opacity:.95;white-space:nowrap;display:inline}#indexing-timer-display>div:last-child #indexing-timer-countdown{font-size:18px;font-weight:600;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05em;white-space:nowrap;display:inline}#indexing-timer-display>div:last-child #indexing-timer-label{font-size:12px;font-weight:500;opacity:.9;white-space:nowrap;display:inline}#indexing-timer-display.success{background:#10b981;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 8px rgba(16,185,129,.15);padding:.75rem 1rem}#indexing-timer-display.success>div:first-child{font-size:16px;opacity:.9}#indexing-timer-display.success #indexing-timer-countdown,#indexing-timer-display.success #indexing-timer-label{display:none}#indexing-timer-display.success #indexing-timer-text{margin-bottom:0;font-size:12px;font-weight:500}@media(max-width: 600px){#indexing-timer-display{padding:.625rem .875rem;flex-direction:column;text-align:center;gap:.5rem}#indexing-timer-display>div:first-child{font-size:20px}#indexing-timer-display>div:last-child{flex-direction:column;align-items:center;justify-content:center;gap:.375rem;width:100%}#indexing-timer-display>div:last-child #indexing-timer-text{white-space:normal;line-height:1.4;text-align:center;width:100%;display:block;font-size:11px}#indexing-timer-display>div:last-child #indexing-timer-countdown{font-size:20px;margin:.25rem 0;display:block}#indexing-timer-display>div:last-child #indexing-timer-label{white-space:normal;text-align:center;display:block;font-size:11px}#indexing-timer-display.success{flex-direction:row;text-align:left}#indexing-timer-display.success>div:first-child{font-size:18px}#indexing-timer-display.success>div:last-child{align-items:flex-start}#indexing-timer-display.success>div:last-child #indexing-timer-text{text-align:left;font-size:12px}}#provider-switch-group{position:relative}#provider-switch-group select#ai_provider{appearance:none;-webkit-appearance:none;-moz-appearance:none;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='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.75rem .75rem;padding-right:2.75rem;cursor:pointer;font-weight:500;color:#1e293b;background-color:#fff;border:.125rem solid #e2e8f0;border-radius:.75rem;padding:.875rem 2.75rem .875rem 1.125rem;font-size:.9375rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 .0625rem .1875rem rgba(0,0,0,.05)}#provider-switch-group select#ai_provider:hover{border-color:#667eea;box-shadow:0 .25rem .375rem -0.0625rem rgba(102,126,234,.1),0 .125rem .25rem -0.0625rem rgba(102,126,234,.06);transform:translateY(-0.0625rem)}#provider-switch-group select#ai_provider:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .25rem rgba(102,126,234,.15),0 .25rem .375rem -0.0625rem rgba(102,126,234,.1);transform:translateY(-0.0625rem)}#provider-switch-group select#ai_provider option{padding:.75rem 1rem;font-weight:500;color:#1e293b}#provider-switch-group select#ai_provider option:hover{background-color:#f1f5f9}.impersonation-banner{background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);color:#fff;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1.25rem;font-weight:600;font-size:.85rem;position:fixed;top:0;width:100%;z-index:1200;box-shadow:0 2px 8px rgba(220,38,38,.4);border-bottom:3px solid #fbbf24;animation:impPulse 3s ease-in-out infinite}.impersonation-banner .imp-shield{font-size:1.3rem;flex-shrink:0}.impersonation-banner .imp-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.impersonation-banner .imp-info strong{font-size:.9rem}.impersonation-banner .imp-meta{font-weight:400;font-size:.8rem;opacity:.9}.impersonation-banner .imp-btn{display:inline-flex;align-items:center;gap:.3rem;background:#fff;color:#dc2626;padding:.35rem .85rem;border-radius:6px;font-weight:700;font-size:.8rem;text-decoration:none;flex-shrink:0;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}.impersonation-banner .imp-btn:hover{background:#fef2f2;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.2)}@keyframes impPulse{0%,100%{border-bottom-color:#fbbf24}50%{border-bottom-color:#f97316}}body.impersonating{padding-top:7.5rem}@media(max-width: 768px){.impersonation-banner{flex-direction:column;gap:.4rem;padding:.5rem .75rem;font-size:.78rem}.impersonation-banner .imp-info{flex-direction:column;gap:.15rem;text-align:center}.impersonation-banner .imp-btn{width:100%;justify-content:center;padding:.4rem .75rem}}.cookie-banner{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);width:calc(100% - 2.4rem);max-width:72rem;background:#111827;color:#fff;border:1px solid #1f2937;border-radius:.75rem;box-shadow:0 12px 36px rgba(0,0,0,.25);z-index:2000;padding:.9rem 1.05rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem}.cookie-banner p{margin:0;font-size:1.14rem;line-height:1.4;text-align:left;color:#fff}.cookie-banner button{background:#10b981;color:#fff;border:none;border-radius:.6rem;padding:.6rem 1.05rem;font-weight:700;cursor:pointer;white-space:nowrap;font-size:1.2rem}.cookie-banner button:hover{background:#059669}.cookie-banner .cookie-btns{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:24rem}.cookie-banner .cookie-btns button{width:100%}@media(max-width: 480px){.cookie-banner{padding:.6rem .75rem;gap:.6rem;bottom:.9rem;width:calc(100% - 1.2rem)}.cookie-banner p{font-size:.96rem;line-height:1.3}.cookie-banner button{padding:.48rem .75rem;font-size:1.02rem;border-radius:.48rem}.cookie-banner .cookie-btns{gap:.48rem;max-width:100%}}@media(min-width: 992px)and (max-width: 1919px){.cookie-banner{bottom:.816rem;width:calc(100% - 1.632rem);max-width:48.96rem;border-radius:.51rem;padding:.612rem .714rem;gap:.612rem}.cookie-banner p{font-size:.7752rem}.cookie-banner button{padding:.408rem .714rem;font-size:.816rem;border-radius:.408rem}.cookie-banner .cookie-btns{gap:.408rem;max-width:16.32rem}}.language-switcher{position:relative}.lang-dropdown{position:relative}.lang-toggle{display:inline-flex;align-items:center;gap:.375rem;background:#111827;color:#fff;border:1px solid #1f2937;padding:.375rem .625rem;border-radius:.5rem;cursor:pointer}.lang-toggle .flag{font-size:1.125rem;font-family:"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","Android Emoji","EmojiSymbols","EmojiOne Mozilla","Twemoji Mozilla","Segoe UI",sans-serif;display:inline-block;line-height:1;vertical-align:middle;-webkit-font-feature-settings:"liga" off;font-feature-settings:"liga" off;font-variant-emoji:emoji;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;unicode-bidi:embed}.lang-toggle .flag img{width:1.125rem;height:1.125rem;vertical-align:middle;display:inline-block}.lang-toggle .code{font-weight:700;font-size:.75rem}.lang-toggle .caret{opacity:.7}.lang-menu{position:absolute;right:0;top:calc(100% + .375rem);background:#111827;color:#fff;border:1px solid #1f2937;border-radius:.625rem;min-width:11.25rem;padding:.375rem 0;list-style:none;margin:0;display:none;z-index:1300}.lang-menu li a{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:#fff;text-decoration:none}.lang-menu li a .flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","Android Emoji","EmojiSymbols","EmojiOne Mozilla","Twemoji Mozilla","Segoe UI",sans-serif;display:inline-block;line-height:1;font-size:1.125rem;-webkit-font-feature-settings:"liga" off;font-feature-settings:"liga" off;font-variant-emoji:emoji;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;unicode-bidi:embed}.lang-menu li a .flag img{width:1.125rem;height:1.125rem;vertical-align:middle;display:inline-block}.lang-menu li a.active{background:#1f2937}.lang-dropdown.open .lang-menu{display:block}@media(max-width: 768px){.header-right-group .lang-toggle{width:100% !important;justify-content:center !important;padding:0 !important;height:1.75rem !important;min-height:1.75rem !important;max-height:1.75rem !important;display:flex !important;align-items:center !important}.lang-menu{right:50%;transform:translateX(50%)}}@media(max-width: 768px){body,main,article,section,h1,h2,h3,h4,h5,h6,p,span,div,a,.article-title,.page-hero-title,.breadcrumb-current,.breadcrumb-link,.article-meta,.article-categories,.category-badge,.article-tags,.tag,.page-content-text,.content-wrapper{word-wrap:break-word !important;overflow-wrap:break-word !important;word-break:break-word !important;hyphens:auto !important;-webkit-hyphens:auto !important;-moz-hyphens:auto !important}.breadcrumb-nav,.breadcrumb-list,.breadcrumb-item,.breadcrumb-current,.article-title,.page-hero-title{max-width:100% !important;overflow-wrap:break-word !important;word-break:break-word !important}.container,.article-header,.page-hero-section,.page-content-section,.page-content-card{overflow-x:hidden !important;max-width:100vw !important}}.hero-trust-badges-inline{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.hero-trust-badges-inline .trust-badge{display:flex;align-items:center;gap:.25rem;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);padding:.25rem .5rem;border-radius:50%;font-size:.875rem;color:#1f2937;font-weight:500}.hero-trust-badges-inline .trust-badge .icon{font-size:1.1em}@media(max-width: 768px){.hero-trust-badges-inline{justify-content:center;margin-top:1.5rem}}.visual-features-section{background-color:rgba(0,0,0,0);position:relative;overflow:hidden}.visual-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.visual-feature-row.reverse{direction:rtl}.visual-feature-row.reverse .visual-feature-content{direction:ltr;padding-left:0;padding-right:2rem}.visual-feature-row.reverse .visual-feature-graphic{direction:ltr}.visual-feature-row:last-child{margin-bottom:0}.visual-feature-content{padding-left:2rem;text-align:left}.visual-feature-content h3{font-family:"Poppins",sans-serif;font-size:2rem;margin-bottom:1rem;color:#1f2937;text-align:left}.visual-feature-content h3 .highlight{background:linear-gradient(120deg, rgba(30, 58, 138, 0.1) 0%, rgba(30, 58, 138, 0.05) 100%);padding:0 .25rem;border-radius:.25rem;color:#1e3a8a}.visual-feature-content p{font-size:1.125rem;color:#475569;line-height:1.6;margin-bottom:1.5rem;text-align:left}.visual-feature-content .feature-list{list-style:none;padding:0;margin:0}.visual-feature-content .feature-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#1f2937}.visual-feature-content .feature-list li::before{content:"✓";color:#10b981;font-weight:bold}.visual-feature-graphic{background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0;height:400px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center}.animation-data-ingestion{width:100%;height:100%;position:relative}.animation-data-ingestion .ai-network{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:150px;height:150px;z-index:10}.animation-data-ingestion .ai-network .particle-sphere-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.animation-data-ingestion .ai-core{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background:linear-gradient(135deg, #1E3A8A 0%, rgb(42.2142857143, 81.6142857143, 194.1857142857));border-radius:50%;box-shadow:0 0 20px rgba(30,58,138,.6);display:flex;align-items:center;justify-content:center;font-size:28px;z-index:15;animation:corePulse 2s infinite ease-in-out}.animation-data-ingestion .ai-core::before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(30,58,138,.3);animation:ripple 2s infinite ease-out}.animation-data-ingestion .file-icon{position:absolute;width:50px;height:60px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);opacity:0}.animation-data-ingestion .file-icon.pdf{top:20%;left:20%;animation:flyIn 4s infinite ease-in-out;animation-delay:0s;color:#ef4444}.animation-data-ingestion .file-icon.word{top:70%;left:15%;animation:flyIn 4s infinite ease-in-out;animation-delay:1.5s;color:#3b82f6}.animation-data-ingestion .file-icon.csv{top:30%;right:20%;animation:flyIn 4s infinite ease-in-out;animation-delay:.8s;color:#10b981}.animation-data-ingestion .file-icon.json{top:80%;right:25%;animation:flyIn 4s infinite ease-in-out;animation-delay:2.2s;color:#f59e0b}@keyframes flyIn{0%{transform:translate(0, 0) scale(0.8);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translate(var(--target-x, 100px), var(--target-y, 50px)) scale(0.2);opacity:0}}@keyframes connectNodes{0%,100%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(1)}}@keyframes corePulse{0%,100%{transform:translate(-50%, -50%) scale(1);box-shadow:0 0 20px rgba(30,58,138,.6)}50%{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 30px rgba(30,58,138,.8)}}@keyframes ripple{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.animation-personality{width:80%;background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.animation-personality .slider-container{margin-bottom:2rem}.animation-personality .slider-container label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:bold;color:#374151}.animation-personality .slider-container .range-slider{width:100%;height:8px;background:#e2e8f0;border-radius:4px;position:relative}.animation-personality .slider-container .range-slider .knob{width:20px;height:20px;background:#1e3a8a;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 5px rgba(0,0,0,.2);animation:slideKnob 4s infinite ease-in-out alternate}.animation-personality .chat-preview-bubble{background:#f1f5f9;padding:1rem;border-radius:.75rem;border-bottom-left-radius:0;position:relative}.animation-personality .chat-preview-bubble::after{content:"";position:absolute;bottom:-10px;left:0;border-width:10px 10px 0;border-style:solid;border-color:#f1f5f9 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.animation-personality .chat-preview-bubble p{margin:0;font-size:1rem;animation:changeText 4s infinite ease-in-out alternate}@keyframes slideKnob{0%{left:10%}100%{left:90%}}@keyframes changeText{0%,45%{content:"Hello! How can I assist you today?";opacity:1}50%,55%{opacity:.5}60%,100%{content:"Hey there! What's up? Need a hand?";opacity:1}}.tech-trust-section{background-color:#0f172a;color:#fff;padding:6rem 0;position:relative}.tech-trust-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);background-size:40px 40px;pointer-events:none}.tech-trust-section .section-title{color:#fff;text-align:center;margin-bottom:1.5rem}.tech-trust-section .tech-subtitle{text-align:center;color:#94a3b8;max-width:600px;margin:0 auto 4rem;font-size:1.125rem}.tech-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.tech-card{background:rgba(30,41,59,.5);border:1px solid hsla(0,0%,100%,.1);padding:2rem;border-radius:.75rem;backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease}.tech-card:hover{border-color:#1e3a8a;transform:translateY(-5px)}.tech-card .tech-icon{font-size:2rem;margin-bottom:1rem;display:block;background:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.tech-card h4{font-family:"Courier New",monospace;font-size:1.125rem;margin-bottom:.5rem;color:#e2e8f0}.tech-card p{color:#94a3b8;font-size:.875rem;line-height:1.5;margin:0}.process-flow{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-top:4rem}.process-flow::before{content:"";position:absolute;top:40px;left:10%;right:10%;height:2px;background:#e2e8f0;z-index:0}.process-step{flex:1;text-align:center;position:relative;z-index:1;padding:0 1rem}.process-step .step-icon-wrapper{width:80px;height:80px;background:#fff;border:2px solid #1e3a8a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#1e3a8a;box-shadow:0 0 0 8px #fff}.process-step h3{font-size:1.25rem;margin-bottom:.5rem}.process-step p{color:#475569;font-size:1rem}@media(max-width: 768px){.visual-feature-row{grid-template-columns:1fr;gap:2rem}.visual-feature-row.reverse{direction:ltr}.visual-feature-row.reverse .visual-feature-content{padding-right:0}.visual-feature-content{padding-left:0;text-align:left}.visual-feature-content .feature-list li{justify-content:flex-start}.tech-grid{grid-template-columns:1fr}.process-flow{flex-direction:column;gap:3rem;padding:0 1rem}.process-flow::before{display:none}.process-step{display:flex;flex-direction:column;text-align:center;align-items:center;gap:1rem;padding:1.5rem;background:rgba(30,58,138,.02);border-radius:1rem;border:1px solid rgba(30,58,138,.1);touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.process-step .step-icon-wrapper{margin:0 auto .5rem;flex-shrink:0;width:70px;height:70px;font-size:1.75rem;box-shadow:0 4px 12px rgba(30,58,138,.15)}.process-step h3{font-size:1.125rem;margin-bottom:.25rem;color:#1f2937;font-weight:600}.process-step p{font-size:.875rem;line-height:1.6;color:#475569;max-width:100%}}@media(hover: none)and (pointer: coarse){.visual-feature-graphic{transition:none !important}.visual-feature-graphic:hover,.visual-feature-graphic:active{transform:none !important}.tech-card{transition:none !important}.tech-card:hover,.tech-card:active{transform:none !important;border-color:hsla(0,0%,100%,.1) !important}.process-step{transition:none !important}.process-step:hover,.process-step:active{transform:none !important}.animation-data-ingestion,.animation-personality{touch-action:pan-y;pointer-events:none}.animation-data-ingestion *,.animation-personality *{pointer-events:none}.animation-personality .slider-container,.animation-personality .chat-preview-bubble{pointer-events:auto;touch-action:pan-y}.animation-data-ingestion .file-icon,.animation-data-ingestion .ai-core,.animation-data-ingestion .ai-core::before,.animation-personality .range-slider .knob,.animation-personality .chat-preview-bubble p{animation:none !important}}:root{--color-background: #FFFFFF;--color-text: #1F2937;--color-primary: #1E3A8A;--color-primary-hover: #1C347A;--color-contrast: #F59E0B;--color-surface: #F9FAFB;--color-border: #E5E7EB;--font-headline: Poppins, sans-serif;--font-body: Open Sans, sans-serif;--header-height: 4.375rem;--border-radius: 0.5rem;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.07)}@media(min-width: 992px)and (max-width: 1919px){:root{--header-height: calc(4.375rem * 0.99)}}@media(min-width: 1920px){:root{--header-height: calc(4.375rem * 1.1)}}.skip-link{position:absolute;top:-40px;left:0;background:#1e3a8a;color:#fff;padding:.5rem 1rem;text-decoration:none;font-weight:700;z-index:9999}.skip-link:focus{top:0;outline:3px solid #f59e0b;outline-offset:2px}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.code-block{background-color:#1f2937;color:#e5e7eb;padding:1.5rem;border-radius:.5rem;white-space:pre-wrap;word-break:break-all;font-family:"Courier New",Courier,monospace}.code-block pre,.code-block code{white-space:pre-wrap;word-break:break-all}.code-container{position:relative}.code-container button{position:absolute;top:1rem;right:1rem}#copy-code-btn{position:absolute;top:1rem;right:1rem;background-color:#4a5568;color:#fff;border:none;padding:.5rem .75rem;border-radius:5px;cursor:pointer;font-size:.8rem;transition:background-color .3s ease}#copy-code-btn:hover{background-color:#2d3748}.storage-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.storage-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:1rem}.storage-fill{height:100%;background:linear-gradient(90deg, #10B981 0%, #059669 100%);border-radius:6px;transition:width background ease;position:relative}.storage-fill.warning{background:linear-gradient(90deg, #F59E0B 0%, #D97706 100%)}.storage-fill.danger{background:linear-gradient(90deg, #EF4444 0%, #DC2626 100%)}.storage-info{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#64748b}.storage-info span:first-child{font-weight:500}.storage-info span:last-child{font-weight:600;color:#1e293b}.productfeed-container{margin-top:1rem}.productfeed-input-section{margin-bottom:1.5rem}.productfeed-status{margin-top:1.5rem}.status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.status-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.status-icon{font-size:1.25rem;margin-right:.75rem}.status-title{font-weight:600;color:#1f2937;font-size:1.1rem}.status-content{margin-bottom:1.5rem}.status-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.status-item:last-child{border-bottom:none}.status-label{font-weight:500;color:#64748b;font-size:.9rem}.status-value{font-weight:600;color:#1f2937;font-size:.9rem;text-align:right;word-break:break-all}.status-actions{display:flex;gap:.75rem;flex-wrap:wrap}.status-actions .btn{flex:1;min-width:140px;font-size:.9rem;padding:.5rem 1rem}.productfeed-progress{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.productfeed-progress .progress-bar{height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.productfeed-progress .progress-fill{height:100%;background:linear-gradient(90deg, #3B82F6 0%, #1D4ED8 100%);border-radius:4px;transition:width .3s ease;width:0%}.productfeed-progress p{margin:0;font-size:.9rem;color:#64748b;text-align:center}@media(max-width: 768px){.status-item{flex-direction:column;align-items:flex-start;gap:.25rem}.status-value{text-align:left;font-size:.85rem}.status-actions{flex-direction:column}.status-actions .btn{min-width:auto;width:100%}}.loading-spinner{display:inline-flex;align-items:center;gap:.25rem}.loading-spinner .dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:loading-dots 1.4s infinite ease-in-out}.loading-spinner .dot:nth-child(1){animation-delay:-0.32s}.loading-spinner .dot:nth-child(2){animation-delay:-0.16s}@keyframes loading-dots{0%,80%,100%{transform:scale(0.8);opacity:.5}40%{transform:scale(1);opacity:1}}.success-banner{background:linear-gradient(135deg, #10B981 0%, #059669 100%);color:#fff;padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:2rem;text-align:center;box-shadow:0 4px 15px rgba(16,185,129,.2);border:1px solid hsla(0,0%,100%,.2)}.success-banner p{margin:0;font-weight:600;font-size:1.1rem}.error-page-main{display:flex;align-items:center;justify-content:center;padding:4rem 1rem;min-height:calc(100vh - 200px);background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)}.error-container{background-color:#fff;padding:4rem;border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.1);text-align:center;max-width:700px;width:100%;border:1px solid #e5e7eb;position:relative;overflow:hidden}.error-container::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.error-icon-wrapper{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.error-icon{font-size:5rem;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.error-title{font-family:"Poppins",sans-serif;font-size:2.5rem;color:var(--color-text-dark);margin-bottom:1rem;font-weight:700}.error-message{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:2.5rem;line-height:1.7;max-width:500px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.error-details{background-color:#f8f9fa;border:1px solid #e9ecef;padding:1rem;border-radius:.5rem;margin-bottom:2rem;text-align:left;color:#495057;overflow-x:auto}.error-details h2{font-size:1.2rem;margin-bottom:.5rem;color:#ef4444}.error-details pre{white-space:pre-wrap;word-wrap:break-word;font-size:.85rem}@media(max-width: 768px){.error-container{padding:2rem}.error-title{font-size:2rem}.error-message{font-size:1rem}}.error-page-main pre{white-space:pre-wrap;word-wrap:break-word;background-color:#f8f9fa;border:1px solid #dee2e6;padding:15px;border-radius:4px;color:#212529;font-family:monospace;font-size:.875rem}.developer-details-container{margin-top:2rem;text-align:left}.details-toggle-button{background-color:#f8f9fa;border:1px solid #dee2e6;padding:.5rem 1rem;font-size:.9rem;border-radius:4px;cursor:pointer;margin-bottom:1rem;width:100%;text-align:left;color:#212529}.details-toggle-button:hover{background-color:#e9ecef}.setup-subtitle{font-family:"Open Sans",sans-serif;font-size:1.1rem;color:#1f2937;margin-bottom:1.5rem;font-weight:500;opacity:.8}@media(max-width: 768px){.main-content{padding-top:120px}}/*# sourceMappingURL=style.css.map */