body{font-family:Google Sans,Arial,sans-serif}@font-face{ascent-override:103.2%;descent-override:28.8%;font-display:swap;font-family:Manrope Fallback;line-gap-override:0%;size-adjust:97.5%;src:local("Arial")}@font-face{font-display:swap;font-family:Manrope;font-weight:300;src:url(https://cdn.chatib.chat/website/fonts/Manrope/Manrope-Light.woff2) format("woff2")}:root{--primary-color:#2563eb;--primary-gradient:linear-gradient(135deg,#2563eb,#1d4ed8);--primary-light:#eff6ff;--error-color:#dc2626;--bg-body:#f8fafc;--bg-card:hsla(0,0%,100%,.95);--bg-input:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--shadow-soft:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--shadow-card:0 20px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.01);--shadow-hover:0 25px 50px -12px rgba(37,99,235,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);background-image:radial-gradient(at 0 0,rgba(16,15,21,0) 0,transparent 50%),radial-gradient(at 50% 0,rgba(47,62,106,0) 0,transparent 50%),radial-gradient(at 100% 0,rgba(114,39,65,0) 0,transparent 50%);color:var(--text-main);font-family:Manrope,Manrope Fallback,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{animation:backgroundPulse 10s ease-in-out infinite alternate;background:radial-gradient(circle at 15% 50%,rgba(37,99,235,.08) 0,transparent 25%),radial-gradient(circle at 85% 30%,rgba(124,58,237,.08) 0,transparent 25%);content:"";filter:blur(40px);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(226,232,240,.6);height:auto;min-height:56px;padding:.75rem 0;transition:var(--transition)}.navbar.fixed-top{left:0;position:fixed;right:0;top:0;z-index:1030}.navbar-brand{align-items:center;display:flex}.navbar-brand img{display:block;height:38px;transition:var(--transition);vertical-align:middle}.navbar-brand:hover img{transform:scale(1.03)}.navbar-collapse{align-items:center;display:flex;flex-grow:1}.navbar-nav{display:flex;flex-direction:row;gap:.5rem;margin-bottom:0;padding-left:0}.nav-item,.navbar-nav{list-style:none!important}ul{list-style:none;margin:0;padding:0}.navbar-nav .nav-link{border-radius:var(--radius-sm);color:var(--text-main)!important;font-size:.95rem;font-weight:600;padding:.5rem 1rem!important;transition:var(--transition)}.navbar-nav .nav-link:hover{background:rgba(37,99,235,.05);color:var(--primary-color)!important}.navbar .container-fluid{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;width:100%}.ms-auto{margin-left:auto!important}.me-auto{margin-right:auto!important}.me-1{margin-right:.25rem!important}.ms-2{margin-left:.5rem!important}.mb-2{margin-bottom:.5rem!important}.mb-lg-0{margin-bottom:0!important}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}@media (min-width:992px){.mb-lg-0{margin-bottom:0!important}.align-items-lg-center{align-items:center!important}.ms-lg-2{margin-left:.5rem!important}}.navbar-toggler{align-items:center;align-self:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;display:none;font-size:1.25rem;height:40px;justify-content:center;padding:0;transition:var(--transition);width:40px}.navbar-toggler svg{display:block;flex-shrink:0}.navbar-toggler:hover{background:rgba(37,99,235,.05);color:var(--primary-color)}.navbar-toggler:focus{box-shadow:none;outline:none}.navbar-toggler-icon{height:1.5em;width:1.5em}@media (max-width:991px){.navbar-toggler{display:flex}.navbar{height:auto;padding:.5rem 0}.navbar-collapse{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--border-light);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:none;left:0;margin-top:0;padding:1rem 1.5rem;position:absolute;right:0;top:100%;width:100%;z-index:1031}.navbar-collapse.show{display:block}.navbar-nav{flex-direction:column;gap:.5rem;width:100%}.navbar-nav .nav-link{padding:.75rem 1rem!important}}.dropdown-menu{animation:dropdownFade .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border:1px solid rgba(226,232,240,.8);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:none;list-style:none;margin-top:.5rem;min-width:10rem;padding:.5rem;position:absolute;z-index:1000}.dropdown-menu.show{display:block}@keyframes dropdownFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-main);font-size:.9rem;font-weight:600;padding:.625rem 1rem;transition:var(--transition)}.dropdown-item:hover{background:rgba(37,99,235,.05);color:var(--primary-color);transform:translateX(4px)}.dropdown-item.active{background:var(--primary-color);color:#fff!important}.dropdown-item svg{opacity:.8}.dropdown-item.active svg{color:#fff!important}.lang-switcher{align-items:center;background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.1);color:var(--primary-color)!important;display:flex;gap:.4rem;margin-left:.5rem;padding:.4rem .8rem!important}.lang-switcher:hover{background:rgba(37,99,235,.1);transform:translateY(-1px)}@media (max-width:991px){.lang-switcher{justify-content:center;margin-left:0;margin-top:.5rem}.dropdown-menu{animation:none;background:transparent;border:none;box-shadow:none;margin-top:0;padding-left:1.5rem}.dropdown-item:hover{transform:none}}.hero-section{padding-bottom:2rem;padding-top:calc(70px + 1.5rem);position:relative;text-align:center}.hero-title{background:linear-gradient(90deg,#1e293b 0,#334155);-webkit-background-clip:text;background-clip:text;color:var(--text-main);font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;-webkit-text-fill-color:transparent;padding-bottom:.1em}.hero-subtitle{color:var(--text-muted);font-size:1.125rem;font-weight:500;margin:0 auto 2rem;max-width:640px}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.hero-stats{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.stat-item{align-items:center;backdrop-filter:blur(4px);background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1.5rem;transition:var(--transition)}.stat-item:hover{background:hsla(0,0%,100%,.9);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.stat-item svg{color:var(--primary-color);height:24px;width:24px}.stat-number{color:var(--text-main);font-size:1.25rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.7rem;font-weight:500;letter-spacing:.05em;line-height:1;text-transform:uppercase}.main-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.content-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 440px 1fr;margin-bottom:4rem}.login-card{backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);contain:layout style;min-height:460px;overflow:visible;padding:2rem;position:relative;transition:var(--transition);z-index:10}.login-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.login-card:before{background:var(--primary-gradient);border-radius:0 0 4px 4px;content:"";height:4px;left:2rem;opacity:.8;position:absolute;right:2rem;top:0}.login-title{color:var(--text-main);font-size:1.75rem;font-weight:700;margin:1.25rem 0 .5rem;text-align:center}.login-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-control,.form-select{background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:.95rem;font-weight:500;height:46px;padding:.75rem 1rem;transition:var(--transition);width:100%}.form-control:hover,.form-select:hover{background:#eef2f6}.form-control:focus,.form-select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(37,99,235,.1);outline:none}.form-control::-moz-placeholder{color:var(--text-light)}.form-control::placeholder{color:var(--text-light)}.error-message{color:var(--error-color);font-size:.85rem;margin-bottom:.5rem;min-height:1.5em;opacity:0;transition:opacity .2s ease;visibility:hidden}.error-message:not(:empty){opacity:1;visibility:visible}.gender-selection{border:none;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:0}.gender-option{align-items:center;background:var(--bg-input);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-height:96px;padding:1rem;position:relative;transition:var(--transition)}.gender-option:hover{background:#eef2f6;transform:translateY(-2px)}.gender-option img{aspect-ratio:1/1;background:#fff;border-radius:50%;box-shadow:var(--shadow-soft);height:48px;padding:4px;transition:var(--transition);width:48px}.gender-option label{color:var(--text-muted);font-size:.9rem;font-weight:600;pointer-events:none;transition:var(--transition)}.gender-option.male.selected{background:rgba(37,99,235,.08);border-color:var(--primary-color)}.gender-option.male.selected label{color:var(--primary-color)}.gender-option.female.selected{background:rgba(236,72,153,.08);border-color:#ec4899}.gender-option.female.selected label{color:#ec4899}.gender-option.selected img{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:scale(1.1)}.form-row{display:grid;gap:.75rem;grid-template-columns:90px 1fr}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em}.start-chat-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(37,99,235,.3);color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;height:50px;justify-content:center;margin-top:.75rem;overflow:hidden;padding:.875rem;position:relative;transition:var(--transition);width:100%}.btn-loading{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.start-chat-btn:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.start-chat-btn:hover{box-shadow:0 8px 20px rgba(37,99,235,.4);transform:translateY(-2px)}.start-chat-btn:hover:after{left:100%}.start-chat-btn:active{transform:translateY(0)}.articles-section,.features-section{padding-top:1rem}.articles-title,.features-title{align-items:center;color:var(--text-main);display:flex;font-size:1.15rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.articles-title:before,.features-title:before{background:var(--primary-color);border-radius:2px;content:"";display:block;height:24px;width:4px}.feature-item{align-items:flex-start;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:var(--transition)}.feature-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-soft);transform:translateX(4px)}.feature-icon{align-items:center;background:var(--primary-light);border-radius:10px;color:var(--primary-color);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.feature-title{color:var(--text-main);font-size:.95rem;font-weight:700;margin-bottom:.2rem}.feature-desc{color:var(--text-muted);font-size:.85rem;line-height:1.4}.article-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);display:block;margin-bottom:1rem;padding:.875rem;text-decoration:none;transition:var(--transition)}.article-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-card);transform:translateY(-4px)}.article-img{aspect-ratio:300/140;border-radius:var(--radius-sm);height:140px;margin-bottom:.75rem;-o-object-fit:cover;object-fit:cover;width:100%}.article-title{color:var(--text-main);line-height:1.4}.article-title,.view-more-link{font-size:.9rem;font-weight:600}.view-more-link{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:100px;box-shadow:var(--shadow-soft);color:var(--text-muted);display:inline-flex;gap:.5rem;margin-top:.75rem;padding:.75rem 1.25rem;text-decoration:none;transition:var(--transition)}.view-more-link:hover{border-color:var(--primary-color);box-shadow:var(--shadow-card);color:var(--primary-color);transform:translateY(-2px)}.faq-section,.seo-content{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);contain-intrinsic-size:auto 500px;content-visibility:auto;margin:4rem 0;padding:3rem}.faq-section h3,.seo-title{color:var(--text-main);font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:3rem;text-align:center}.seo-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.seo-card{background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition)}.seo-card:hover{transform:translateY(-4px)}.seo-card-icon,.seo-card:hover{background:#fff;box-shadow:var(--shadow-soft)}.seo-card-icon{align-items:center;border-radius:14px;color:var(--primary-color);display:flex;height:56px;justify-content:center;margin-bottom:1.25rem;width:56px}.related-pages-section{background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);contain-intrinsic-size:auto 300px;content-visibility:auto;margin:3rem 0;padding:2.5rem}.related-pages-title{color:var(--text-main);font-size:1.35rem;font-weight:700;margin-bottom:.75rem;text-align:center}.related-pages-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;text-align:center}.related-pages-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.related-page-card{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,.08);-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-areas:"icon title" "icon text";grid-template-columns:auto 1fr;padding:1.25rem;text-decoration:none;transition:var(--transition)}.related-page-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.related-page-icon{align-items:center;display:flex;font-size:2rem;grid-area:icon;justify-content:center;line-height:1;margin-bottom:0}.related-page-title{align-self:end;color:var(--primary-color);display:block;font-size:.95rem;font-weight:700;grid-area:title;margin-bottom:.1rem}.related-page-text{align-self:start;color:var(--text-muted);display:block;font-size:.85rem;grid-area:text;line-height:1.3}footer{background:#0f172a;border-top:1px solid #334155;color:#e2e8f0;font-size:14px;line-height:1.5;margin-top:4rem;overflow:hidden;padding:1.75rem 0 0;position:relative}footer:before{background:radial-gradient(circle,rgba(37,99,235,.4) 0,transparent 100%);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:80%}.footer-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:1.4fr 1fr 1fr 1fr}.footer-brand-text{color:#cbd5e1;font-size:.875rem;line-height:1.5;margin-bottom:1rem;max-width:300px}.footer-social{display:flex;gap:.5rem}.footer-social a{align-items:center;background:hsla(0,0%,100%,.07);border:none;border-radius:8px;color:#cbd5e1;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s;width:32px}.footer-social a:hover{background:hsla(0,0%,100%,.15);color:#e2e8f0;transform:none}.footer-section-title{color:#e2e8f0;font-size:.75rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.75rem;text-transform:uppercase}footer ul{list-style:none;margin:0;padding:0}footer ul li{margin-bottom:.35rem}footer ul li a{color:#cbd5e1;font-size:.875rem;text-decoration:none;transition:color .2s}footer ul li a:hover{color:#e2e8f0;transform:none}.footer-checkmark{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;gap:.4rem}.footer-bottom{align-items:center;border-top:1px solid rgba(51,65,85,.5);color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem;justify-content:space-between;margin-top:1.5rem;padding:1rem 0}@media (max-width:1024px){.content-grid{grid-template-columns:1fr;margin:0 auto 3rem;max-width:500px}.navbar-collapse{left:0;margin:.5rem 1rem;position:absolute;right:0;top:100%;width:auto}.login-card{margin-bottom:2rem;order:-1}.hero-title{font-size:2.5rem}.footer-grid{gap:1.5rem;grid-template-columns:1fr 1fr}}@media (max-width:640px){.hero-section{padding-top:calc(56px + 1.5rem)}.hero-title{font-size:2rem}.hero-stats{flex-wrap:nowrap;gap:.5rem}.stat-item{flex:1;min-width:0;padding:.75rem .25rem}.stat-number{font-size:1rem}.stat-label{font-size:.6rem}.stat-item svg{height:20px;width:20px}.login-card{padding:1.25rem}.footer-grid,.form-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.faq-section,.seo-content{margin:3rem 0;padding:1.5rem}.related-pages-section{margin:2rem 0;padding:1.5rem}}