:root{--gradient-dir:to right;--bg-site:#fff;--bg-surface:#f8fafc;--bg-surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--radius-app:12px;--radius-button:8px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}html[lang=en]{--gradient-dir:to right;direction:ltr}html[lang=en] *,html[lang=en] input,html[lang=en] button,html[lang=en] textarea,html[lang=en] select{font-family:var(--font-en),system-ui,-apple-system,sans-serif}html[lang=ar]{--gradient-dir:to left;direction:rtl}html[lang=ar] *,html[lang=ar] input,html[lang=ar] button,html[lang=ar] textarea,html[lang=ar] select{font-family:var(--font-ar),system-ui,-apple-system,sans-serif}*,input,button,textarea,select{box-sizing:border-box;-webkit-tap-highlight-color:#0000;outline:none;margin:0;padding:0;text-decoration:none;list-style:none}body{background-color:var(--bg-site);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;transition:var(--transition-smooth)}@media (max-width:1023px){*{cursor:auto!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--bg-surface)}.main-shadow{box-shadow:0 4px 0px 0px var(--border-color),0 12px 24px -4px #0f172a0d!important}.main-shadow:hover{transform:translateY(-4px);box-shadow:0 6px 0px 0px var(--main-color),0 16px 28px -4px #7c3aed1f!important}.contact-overlay{box-sizing:border-box;justify-content:center;align-items:center;padding:24px;z-index:10500!important;width:100vw!important;height:100dvh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}@media (max-width:768px){.contact-overlay{align-items:flex-end;padding:0}}.contact-overlay__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;cursor:pointer;background-color:#0f172a66;position:absolute;inset:0}@media (max-width:768px){.contact-overlay__backdrop{background-color:#0000008c;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.contact-modal-container{background-color:var(--bg-surface);z-index:2;will-change:transform,opacity;border-radius:24px;width:100%;max-width:900px;height:auto;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a40}@media (max-width:768px){.contact-modal-container{border-radius:24px 24px 0 0;width:100%;height:calc(100dvh - 70px);max-height:calc(100dvh - 70px);box-shadow:0 -4px 20px #0000000f;touch-action:pan-y!important}}.contact-modal-container__drag-handle{display:none}@media (max-width:768px){.contact-modal-container__drag-handle{background-color:var(--border-color);cursor:grab;z-index:20;background-clip:content-box;border-radius:10px;flex-shrink:0;width:44px;height:5px;margin:12px auto 0;padding:10px 0;display:block;position:relative;touch-action:none!important}.contact-modal-container__drag-handle:active{cursor:grabbing}}.contact-flex-wrapper{height:100%;display:flex}@media (max-width:768px){.contact-flex-wrapper{flex-direction:column;height:calc(100% - 29px)}}.contact-side-info{background:linear-gradient(135deg, var(--main-color) 0%, #0f172af2 100%);color:#fff;flex-direction:column;flex:1.1;justify-content:space-between;padding:48px;display:flex;position:relative;box-shadow:inset -10px 0 20px #00000005}@media (max-width:768px){.contact-side-info{display:none!important}}.contact-side-info:after{content:"";opacity:.12;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);position:absolute;inset:0}.contact-side-info .brand-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.contact-side-info h2{margin:0 0 16px;font-size:30px;font-weight:900;line-height:1.35}.contact-side-info p{opacity:.85;margin:0 0 32px;font-size:14px;font-weight:600;line-height:1.65}.contact-side-info .contact-quick-channels{flex-direction:column;gap:20px;display:flex}.contact-side-info .contact-quick-channels .channel-item{align-items:flex-start;gap:14px;display:flex}.contact-side-info .contact-quick-channels .channel-item>svg{color:#ffffffb3;flex-shrink:0;margin-top:2px}.contact-side-info .contact-quick-channels .channel-item .channel-text{text-align:start;flex-direction:column;display:flex}.contact-side-info .contact-quick-channels .channel-item .channel-text span{opacity:.6;margin-bottom:2px;font-size:12px;font-weight:700}.contact-side-info .contact-quick-channels .channel-item .channel-text p{opacity:1;margin:0;font-size:13.5px;font-weight:700;line-height:1.4}.contact-side-info .info-footer{opacity:.55;margin-top:32px;font-size:11.5px;font-weight:700}.contact-side-form{background-color:var(--bg-surface);box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:flex-start;height:100%;padding:48px;display:flex;overflow-y:auto}.contact-side-form::-webkit-scrollbar{width:5px}.contact-side-form::-webkit-scrollbar-track{background:0 0}.contact-side-form::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}@media (max-width:768px){.contact-side-form{height:100%;padding:16px 20px 40px}}.contact-side-form .form-main-title{color:var(--text-main);text-align:start;margin:0 0 20px;font-size:17px;font-weight:900}.contact-form{flex-direction:column;gap:16px;width:100%;display:flex}.contact-form .input-group{flex-direction:column;gap:6px;display:flex}.contact-form .input-group label{color:var(--text-main);text-align:start;font-size:12.5px;font-weight:800}.contact-form .input-wrapper{align-items:center;display:flex;position:relative}.contact-form .input-wrapper .field-icon{color:var(--text-light);z-index:3;transition:color .2s;position:absolute;inset-inline-start:14px}.contact-form .input-wrapper input,.contact-form .input-wrapper textarea{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:var(--bg-site);text-align:start;box-sizing:border-box;border-radius:12px;padding-inline:42px 16px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.contact-form .input-wrapper input:focus,.contact-form .input-wrapper textarea:focus{border-color:var(--main-color);background:var(--bg-surface);box-shadow:0 0 0 3px var(--main-color-light);outline:none}.contact-form .input-wrapper input:focus+.field-icon,.contact-form .input-wrapper textarea:focus+.field-icon{color:var(--main-color)}.contact-form .input-wrapper input{height:46px}.contact-form .input-wrapper.text-area-wrapper{align-items:flex-start}.contact-form .input-wrapper.text-area-wrapper .field-icon{top:14px;transform:none}.contact-form .input-wrapper.text-area-wrapper textarea{resize:none;padding-block:12px;line-height:1.5}.contact-form .submit-btn{background-color:var(--text-main);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:46px;margin-top:8px;font-size:14.5px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #0000000d}.contact-form .submit-btn .send-icon{transition:transform .2s}.contact-form .submit-btn:hover{background-color:var(--main-color);box-shadow:0 6px 16px var(--main-color-light);transform:translateY(-1px)}.contact-form .submit-btn:hover .send-icon{transform:translate(-2px,-2px)}.contact-form .submit-btn:active{transform:translateY(0)}.contact-close-btn{top:16px;background:var(--bg-site);width:34px;height:34px;color:var(--text-main);cursor:pointer;z-index:15;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset-inline-end:16px}.contact-close-btn:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}@media (max-width:768px){.contact-close-btn{top:12px;inset-inline-end:16px}}
