@font-face{font-family:'A-Light';src:url('../../fonts/A-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'A-Bold';src:url('../../fonts/A-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--primary:#00898a;--primary-dark:#006d6e;--ink:#142c2d;--muted:#698081;--line:#dfe9e8;--surface:#fff;--soft:#f1f7f6;--danger:#c63737;--font:'A-Light',Tahoma,Arial,sans-serif;--bold:'A-Bold',Tahoma,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:#f6f9f8;color:var(--ink);font-family:var(--font);direction:rtl}
button,input{font:inherit}
.gk-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.02fr) minmax(500px,.98fr);overflow:hidden}
.gk-showcase{position:relative;display:flex;flex-direction:column;padding:48px clamp(44px,6vw,92px);color:#fff;background:radial-gradient(circle at 18% 24%,rgba(94,225,211,.22),transparent 24%),radial-gradient(circle at 90% 78%,rgba(12,94,96,.7),transparent 30%),linear-gradient(145deg,#073f42 0%,#006f71 54%,#00898a 100%);isolation:isolate}
.gk-showcase:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.gk-showcase-brand,.gk-mobile-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:700 24px var(--bold)}
.gk-brand-mark{width:42px;height:42px;border-radius:14px 14px 14px 5px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;gap:3px;box-shadow:inset 0 1px rgba(255,255,255,.2)}
.gk-brand-mark span{width:4px;height:4px;border-radius:50%;background:currentColor}
.gk-showcase-copy{max-width:610px;margin:auto 0 28px}
.gk-eyebrow{display:inline-flex;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;margin-bottom:22px}
.gk-showcase h1{font:700 clamp(32px,4vw,56px)/1.48 var(--bold);letter-spacing:-1.5px;margin-bottom:20px}
.gk-showcase-copy>p{color:rgba(255,255,255,.76);font-size:17px;line-height:2;max-width:560px}
.gk-feature-list{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:26px;color:rgba(255,255,255,.88);font-size:13px}
.gk-feature-list span{display:flex;align-items:center;gap:7px}.gk-feature-list i{font-style:normal;color:#6ee7d8}
.gk-conversation{width:min(510px,88%);align-self:flex-end;margin:12px 0 auto;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:26px;background:rgba(2,44,46,.24);box-shadow:0 28px 70px rgba(0,31,32,.22);backdrop-filter:blur(14px)}
.gk-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.gk-message p{padding:12px 15px;border-radius:16px;font-size:12px;line-height:1.75;max-width:82%}.gk-message-customer p{background:#fff;color:#264748;border-bottom-right-radius:5px}.gk-message-agent{flex-direction:row-reverse}.gk-message-agent p{background:#0d7778;color:#fff;border-bottom-left-radius:5px}
.gk-message-avatar{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:rgba(255,255,255,.16);font:700 11px var(--bold)}
.gk-online{margin:18px 4px 0;color:rgba(255,255,255,.7);font-size:11px}.gk-online span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#58e3b5;box-shadow:0 0 0 4px rgba(88,227,181,.13);margin-left:6px}
.gk-showcase-footer{margin-top:34px;color:rgba(255,255,255,.48);font-size:11px}
.gk-login-panel{display:grid;place-items:center;padding:36px clamp(28px,6vw,90px);background:radial-gradient(circle at 90% 5%,#e5f3f1,transparent 25%),#f8fbfa}
.gk-login-wrapper{width:100%;max-width:470px}.gk-login-card{width:100%}
.gk-brand{text-align:right;margin-bottom:32px}.gk-mobile-brand{display:none;color:var(--primary);margin-bottom:28px}.gk-mobile-brand .gk-brand-mark{background:var(--primary);color:#fff}
.gk-brand-title{font:700 32px var(--bold);letter-spacing:-.6px;color:var(--ink);margin-bottom:10px}.gk-brand-subtitle{font-size:14px;line-height:1.9;color:var(--muted)}
.gk-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:20px;font-size:12px;line-height:1.7}.gk-alert-danger{background:#fff0f0;border:1px solid #ffd5d5;color:#9f2929}.gk-alert-icon{width:18px;height:18px;flex:none;margin-top:2px}
.gk-form-group{margin-bottom:20px;position:relative}.gk-form-label{display:block;font:700 12px var(--bold);color:#294344;margin-bottom:8px}
.gk-input-wrapper{position:relative;display:flex;align-items:center}.gk-form-control{width:100%;height:52px;padding:0 47px 0 45px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:13px;outline:none;font-size:13px;transition:border-color .2s,box-shadow .2s,transform .2s}.gk-form-control:hover{border-color:#b9cecc}.gk-form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,137,138,.1);transform:translateY(-1px)}.gk-form-control::placeholder{color:#a3b3b3}.gk-form-control.error{border-color:var(--danger);box-shadow:0 0 0 3px rgba(198,55,55,.08)}
.gk-input-icon{position:absolute;right:16px;width:19px;height:19px;color:#82999a;pointer-events:none}.gk-password-toggle{position:absolute;left:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#82999a;cursor:pointer;padding:7px;border-radius:8px;display:flex}.gk-password-toggle:hover,.gk-password-toggle:focus-visible{color:var(--primary);background:var(--soft);outline:none}.gk-password-toggle svg{width:18px;height:18px}
.gk-captcha-row{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.gk-captcha-question-box{height:52px;display:grid;place-items:center;background:#eaf4f2;border:1px dashed #a9c9c6;border-radius:13px;color:#315b5b;font-size:12px;white-space:nowrap}.gk-captcha-input{padding:0 14px;text-align:center;direction:ltr;font:700 16px var(--bold)}.gk-captcha-hint{display:flex;align-items:center;justify-content:flex-start;gap:5px;margin-top:7px;color:#92a2a2;font-size:10px}.gk-captcha-hint svg{width:12px;height:12px}
.gk-btn-submit{width:100%;height:54px;margin-top:4px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--primary),#007174);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;font:700 14px var(--bold);box-shadow:0 12px 25px rgba(0,116,118,.18);transition:transform .2s,box-shadow .2s,filter .2s}.gk-btn-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,116,118,.25);filter:saturate(1.12)}.gk-btn-submit:active{transform:translateY(0)}.gk-btn-submit:focus-visible{outline:3px solid rgba(0,137,138,.25);outline-offset:3px}.gk-btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.gk-btn-icon{width:19px;height:19px}
.gk-btn-spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:gk-spin .65s linear infinite}.gk-btn-submit.loading .gk-btn-text,.gk-btn-submit.loading .gk-btn-icon{display:none}.gk-btn-submit.loading .gk-btn-spinner{display:block}@keyframes gk-spin{to{transform:rotate(360deg)}}
.gk-register-link{text-align:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.gk-register-link a{margin-right:5px;color:var(--primary);font-family:var(--bold);text-decoration:none}.gk-register-link a:hover{text-decoration:underline}.gk-secure-note{text-align:center;margin-top:16px;color:#91a2a2;font-size:10px}.gk-secure-note span{color:#4fc99e;margin-left:4px}
@media(max-width:980px){.gk-login-page{grid-template-columns:1fr}.gk-showcase{display:none}.gk-login-panel{min-height:100vh}.gk-mobile-brand{display:inline-flex}}
@media(max-width:560px){.gk-login-panel{place-items:start center;padding:28px 20px;background:#f8fbfa}.gk-login-wrapper{max-width:100%}.gk-mobile-brand{font-size:21px;margin-bottom:40px}.gk-mobile-brand .gk-brand-mark{width:38px;height:38px;border-radius:12px 12px 12px 5px}.gk-brand{margin-bottom:25px}.gk-brand-title{font-size:27px}.gk-form-group{margin-bottom:17px}.gk-form-control{height:50px}.gk-captcha-row{grid-template-columns:1fr}.gk-captcha-question-box{height:46px}.gk-btn-submit{height:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}