@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&family=Kanit:wght@400;500;600;700;800&display=swap');

:root{
    --hlk-navy:#160E44;
    --hlk-blue:#4FC6E0;
    --hlk-green:#2CB7A8;
    --hlk-black:#000000;
    --hlk-white:#ffffff;
    --hlk-soft:#F7FBFD;
    --hlk-soft2:#F1FAFC;
    --hlk-text:#160E44;
    --hlk-muted:#6D6A85;
    --hlk-orange:#E85A0C;
    --hlk-border:rgba(22,14,68,0.10);
    --hlk-shadow:0 18px 55px rgba(22,14,68,0.13);
    --hlk-shadow-soft:0 10px 30px rgba(22,14,68,0.08);
}

/* GLOBAL */
body,
body *,
input,
button,
select,
textarea{
    font-family:'IBM Plex Sans Arabic','Kanit',Arial,sans-serif !important;
}

body{
    background:#ffffff !important;
    color:var(--hlk-text) !important;
}

a{
    color:var(--hlk-green) !important;
    text-decoration:none !important;
}

a:hover{
    color:var(--hlk-blue) !important;
}

h1,h2,h3,h4,h5,h6{
    color:var(--hlk-navy) !important;
    font-weight:800 !important;
}

/* =========================
   HIDE SEARCH BAR
   يزيل البحث اللي ظاهر فوق
========================= */
.Header__search,
.Header__searchIcon,
.Header__searchBox,
.Header__globalSearch,
.Search__searchBox,
.Search__searchIcon,
.SearchContainer__searchBox,
.SearchContainer__searchBoxIcon,
.SearchContainer__searchInput,
[class*="SearchContainer"],
[class*="GlobalSearch"],
[class*="searchBox"],
[class*="searchIcon"]{
    display:none !important;
}

/* منع ظهور مساحة فاضية للبحث */
.Header__searchSection .SearchContainer__searchBox,
.Header__searchSection [class*="Search"]{
    display:none !important;
}

/* =========================
   NAVBAR
========================= */
.HlkPortal__navbar,
.Header__navbar{
    background:#ffffff !important;
    border-bottom:1px solid rgba(22,14,68,0.08) !important;
    box-shadow:0 8px 28px rgba(22,14,68,0.06) !important;
    position:relative;
    z-index:50;
}

.HlkPortal__navContainer{
    min-height:96px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:28px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    overflow:visible !important;
}

/* BRAND — fixes overlap */
.HlkPortal__brandWrap{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    min-width:330px !important;
    flex:0 0 auto !important;
    overflow:visible !important;
}

.HlkPortal__logo{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.HlkPortal__logoLink{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    border-radius:22px !important;
    background:
        linear-gradient(135deg, rgba(79,198,224,0.20), rgba(44,183,168,0.13)),
        #ffffff !important;
    border:1px solid rgba(79,198,224,0.35) !important;
    box-shadow:0 14px 34px rgba(79,198,224,0.20) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

.HlkPortal__logo img{
    max-width:56px !important;
    max-height:56px !important;
    object-fit:contain !important;
    display:block !important;
}

.HlkPortal__brandText{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:8px !important;
    min-width:210px !important;
    overflow:visible !important;
}

.HlkPortal__companyName,
.Header__name{
    color:var(--hlk-navy) !important;
    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    letter-spacing:-0.3px !important;
    white-space:nowrap !important;
}

.HlkPortal__brandBadge{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    max-width:max-content !important;
    padding:7px 14px !important;
    border-radius:999px !important;
    background:rgba(44,183,168,0.10) !important;
    border:1px solid rgba(44,183,168,0.28) !important;
    color:var(--hlk-green) !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

.HlkPortal__badgeDot{
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,var(--hlk-blue),var(--hlk-green)) !important;
    box-shadow:0 0 0 5px rgba(79,198,224,0.14) !important;
}

/* MENU */
.HlkPortal__menuTab{
    flex:1 1 auto !important;
    display:flex !important;
    justify-content:center !important;
    min-width:0 !important;
}

.HlkPortal__menuList,
.Header__menuList{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.HlkPortal__menuList li,
.Header__menuList li{
    list-style:none !important;
    border-radius:999px !important;
}

.HlkPortal__menuList li a,
.HlkPortal__menuList li span,
.Header__menuList li a,
.Header__menuList li span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px 17px !important;
    border-radius:999px !important;
    color:rgba(22,14,68,0.86) !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:all .22s ease !important;
}

.HlkPortal__menuList li a:hover,
.HlkPortal__menuList li span:hover,
.Header__menuList li a:hover,
.Header__menuList li span:hover{
    color:var(--hlk-navy) !important;
    background:linear-gradient(135deg, rgba(79,198,224,0.16), rgba(44,183,168,0.14)) !important;
    transform:translateY(-1px) !important;
}

.HlkPortal__navTools{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

/* =========================
   BREADCRUMB FULL STRIP
   السطر الكامل: الصفحة الرئيسية / تسجيل الدخول
========================= */

/* الشريط الكامل بدل الرمادي */
.Header__breadCrumb,
.Header__breadcrumb,
.BreadCrumbs__breadCrumb,
.BreadCrumbs__breadCrumbView,
.Breadcrumbs__breadCrumb,
.Breadcrumbs__breadcrumbView,
[class*="BreadCrumb"],
[class*="breadcrumb"],
[class*="Breadcrumb"]{
    background:
        radial-gradient(circle at 8% 45%, rgba(79,198,224,0.24), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(44,183,168,0.16), transparent 32%),
        linear-gradient(135deg, rgba(22,14,68,0.055) 0%, rgba(79,198,224,0.11) 50%, rgba(44,183,168,0.08) 100%) !important;
    border:none !important;
    box-shadow:
        inset 0 1px 0 rgba(22,14,68,0.04),
        inset 0 -1px 0 rgba(22,14,68,0.05) !important;
    border-radius:0 !important;
}

/* إزالة أي كرت أو خلفية حول النص */
.Header__breadCrumb *,
.Header__breadcrumb *,
.BreadCrumbs__breadCrumb *,
.BreadCrumbs__breadCrumbView *,
.Breadcrumbs__breadCrumb *,
.Breadcrumbs__breadcrumbView *,
[class*="BreadCrumb"] *,
[class*="breadcrumb"] *,
[class*="Breadcrumb"] *{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:none !important;
}

/* تنسيق النص فقط بدون خلفية */
.Header__breadCrumb a,
.Header__breadcrumb a,
.BreadCrumbs__breadCrumb a,
.BreadCrumbs__breadCrumbView a,
.Breadcrumbs__breadCrumb a,
.Breadcrumbs__breadcrumbView a,
[class*="BreadCrumb"] a,
[class*="breadcrumb"] a,
[class*="Breadcrumb"] a,
.Header__breadCrumb span,
.Header__breadcrumb span,
.BreadCrumbs__breadCrumb span,
.BreadCrumbs__breadCrumbView span,
.Breadcrumbs__breadCrumb span,
.Breadcrumbs__breadcrumbView span,
[class*="BreadCrumb"] span,
[class*="breadcrumb"] span,
[class*="Breadcrumb"] span{
    color:var(--hlk-navy) !important;
    font-weight:800 !important;
    font-size:16px !important;
    text-decoration:none !important;
}

/* علامة / بين الصفحة الرئيسية وتسجيل الدخول */
.Header__breadCrumb em,
.Header__breadcrumb em,
.BreadCrumbs__breadCrumb em,
.BreadCrumbs__breadCrumbView em,
.Breadcrumbs__breadCrumb em,
.Breadcrumbs__breadcrumbView em,
[class*="BreadCrumb"] em,
[class*="breadcrumb"] em,
[class*="Breadcrumb"] em,
.Header__breadCrumb b,
.Header__breadcrumb b,
.BreadCrumbs__breadCrumb b,
.BreadCrumbs__breadCrumbView b,
.Breadcrumbs__breadCrumb b,
.Breadcrumbs__breadcrumbView b,
[class*="BreadCrumb"] b,
[class*="breadcrumb"] b,
[class*="Breadcrumb"] b{
    color:rgba(22,14,68,0.55) !important;
    font-weight:700 !important;
}

/* Hover */
.Header__breadCrumb a:hover,
.Header__breadcrumb a:hover,
.BreadCrumbs__breadCrumb a:hover,
.BreadCrumbs__breadCrumbView a:hover,
.Breadcrumbs__breadCrumb a:hover,
.Breadcrumbs__breadcrumbView a:hover,
[class*="BreadCrumb"] a:hover,
[class*="breadcrumb"] a:hover,
[class*="Breadcrumb"] a:hover{
    color:var(--hlk-green) !important;
}

/* =========================
   HERO / GRAPHIC HEADER
========================= */
.HlkPortal__hero,
.Header__searchSection.HlkPortal__hero{
    position:relative !important;
    overflow:hidden !important;
    min-height:430px !important;
    padding:70px 0 78px !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(79,198,224,0.30), transparent 25%),
        radial-gradient(circle at 92% 12%, rgba(44,183,168,0.24), transparent 25%),
        radial-gradient(circle at 48% 105%, rgba(22,14,68,0.10), transparent 36%),
        linear-gradient(180deg,#ffffff 0%,#f7fbfd 100%) !important;
    border-bottom:1px solid rgba(22,14,68,0.06) !important;
}

.HlkPortal__heroPattern{
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(rgba(22,14,68,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22,14,68,0.045) 1px, transparent 1px) !important;
    background-size:34px 34px !important;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,0.70), transparent 88%) !important;
    pointer-events:none !important;
}

.HlkPortal__gridLines{
    position:absolute !important;
    width:560px !important;
    height:560px !important;
    right:-160px !important;
    top:-180px !important;
    border-radius:50% !important;
    background:
        repeating-radial-gradient(circle, rgba(79,198,224,0.16) 0 2px, transparent 2px 18px) !important;
    opacity:.75 !important;
    pointer-events:none !important;
}

.HlkPortal__shape{
    position:absolute !important;
    border-radius:999px !important;
    pointer-events:none !important;
    z-index:1 !important;
}

.HlkPortal__shapeOne{
    width:240px !important;
    height:240px !important;
    left:-90px !important;
    top:70px !important;
    background:rgba(79,198,224,0.20) !important;
    filter:blur(.2px) !important;
}

.HlkPortal__shapeTwo{
    width:150px !important;
    height:150px !important;
    right:12% !important;
    top:46px !important;
    background:rgba(44,183,168,0.18) !important;
}

.HlkPortal__shapeThree{
    width:18px !important;
    height:18px !important;
    left:51% !important;
    bottom:64px !important;
    background:var(--hlk-blue) !important;
    box-shadow:
        34px -32px 0 rgba(44,183,168,0.72),
        78px 14px 0 rgba(22,14,68,0.20),
        -46px 30px 0 rgba(79,198,224,0.45),
        118px -58px 0 rgba(44,183,168,0.38) !important;
}

.HlkPortal__shapeFour{
    width:84px !important;
    height:84px !important;
    right:38% !important;
    top:72px !important;
    border:15px solid rgba(79,198,224,0.18) !important;
    background:transparent !important;
}

/* HERO CONTENT */
.HlkPortal__heroContainer{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) 430px !important;
    align-items:center !important;
    gap:54px !important;
}

.HlkPortal__heroContent{
    max-width:780px !important;
}

.HlkPortal__eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:9px 15px !important;
    border-radius:999px !important;
    color:var(--hlk-navy) !important;
    background:#ffffff !important;
    border:1px solid rgba(79,198,224,0.26) !important;
    box-shadow:0 10px 28px rgba(79,198,224,0.12) !important;
    font-size:14px !important;
    font-weight:800 !important;
    margin-bottom:20px !important;
}

.HlkPortal__eyebrowDot{
    width:10px !important;
    height:10px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,var(--hlk-blue),var(--hlk-green)) !important;
    box-shadow:0 0 0 6px rgba(79,198,224,0.15) !important;
}

.HlkPortal__heroTitle,
.Header__searchTitle{
    color:var(--hlk-navy) !important;
    font-size:clamp(36px,4.2vw,60px) !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-1px !important;
    margin:0 0 18px !important;
}

.HlkPortal__heroDescription,
.Header__description{
    color:rgba(22,14,68,0.72) !important;
    font-size:18px !important;
    line-height:1.9 !important;
    font-weight:500 !important;
    max-width:680px !important;
    margin:0 0 26px !important;
}

.HlkPortal__heroTags{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:12px !important;
}

.HlkPortal__heroTag{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 15px !important;
    border-radius:16px !important;
    color:var(--hlk-navy) !important;
    background:#ffffff !important;
    border:1px solid rgba(22,14,68,0.08) !important;
    box-shadow:0 10px 26px rgba(22,14,68,0.07) !important;
    font-size:14px !important;
    font-weight:800 !important;
}

.HlkPortal__heroTag:before{
    content:"" !important;
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:var(--hlk-green) !important;
}

/* HERO VISUAL */
.HlkPortal__heroVisual{
    position:relative !important;
    min-height:350px !important;
}

.HlkPortal__visualMainCard{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    min-height:300px !important;
    padding:28px !important;
    border-radius:32px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,251,253,0.92)),
        radial-gradient(circle at 88% 8%, rgba(79,198,224,0.25), transparent 38%) !important;
    border:1px solid rgba(22,14,68,0.10) !important;
    box-shadow:0 28px 70px rgba(22,14,68,0.16) !important;
    overflow:hidden !important;
}

.HlkPortal__visualMainCard:before{
    content:"" !important;
    position:absolute !important;
    width:180px !important;
    height:180px !important;
    right:-70px !important;
    bottom:-70px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg, rgba(79,198,224,0.30), rgba(44,183,168,0.22)) !important;
}

.HlkPortal__visualTop{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-bottom:26px !important;
}

.HlkPortal__visualTop span{
    width:11px !important;
    height:11px !important;
    border-radius:50% !important;
    background:rgba(22,14,68,0.18) !important;
}

.HlkPortal__visualTop span:nth-child(2){
    background:var(--hlk-blue) !important;
}

.HlkPortal__visualTop span:nth-child(3){
    background:var(--hlk-green) !important;
}

.HlkPortal__visualIconWrap{
    margin-bottom:18px !important;
}

.HlkPortal__visualIcon{
    width:70px !important;
    height:70px !important;
    border-radius:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    font-size:32px !important;
    font-weight:800 !important;
    background:linear-gradient(135deg,var(--hlk-navy),#3A53A4) !important;
    box-shadow:0 18px 36px rgba(22,14,68,0.26) !important;
}

.HlkPortal__visualMainCard h3{
    color:var(--hlk-navy) !important;
    font-size:25px !important;
    font-weight:800 !important;
    margin:0 0 10px !important;
}

.HlkPortal__visualMainCard p{
    color:rgba(22,14,68,0.66) !important;
    font-size:15px !important;
    line-height:1.8 !important;
    margin:0 0 22px !important;
    max-width:300px !important;
}

.HlkPortal__visualBars{
    position:relative !important;
    z-index:2 !important;
}

.HlkPortal__visualBar{
    height:11px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, rgba(22,14,68,0.13), rgba(79,198,224,0.24)) !important;
    margin-bottom:11px !important;
}

.HlkPortal__visualBar.short{
    width:58% !important;
}

.HlkPortal__visualBar.medium{
    width:78% !important;
}

.HlkPortal__floatingBadge,
.HlkPortal__floatingMiniCard{
    position:absolute !important;
    z-index:5 !important;
    background:#ffffff !important;
    border:1px solid rgba(79,198,224,0.24) !important;
    box-shadow:0 16px 38px rgba(22,14,68,0.13) !important;
}

.HlkPortal__floatingBadge{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    color:var(--hlk-navy) !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.HlkPortal__floatingBadge span{
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,var(--hlk-blue),var(--hlk-green)) !important;
}

.HlkPortal__floatingBadgeOne{
    top:28px !important;
    left:-28px !important;
}

.HlkPortal__floatingBadgeTwo{
    right:-34px !important;
    bottom:72px !important;
}

.HlkPortal__floatingMiniCard{
    width:96px !important;
    height:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:22px !important;
    text-align:center !important;
}

.HlkPortal__floatingMiniCard strong{
    color:var(--hlk-navy) !important;
    font-size:22px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

.HlkPortal__floatingMiniCard small{
    color:var(--hlk-muted) !important;
    font-size:11px !important;
    font-weight:700 !important;
    margin-top:6px !important;
}

.HlkPortal__floatingMiniCardOne{
    left:20px !important;
    bottom:-22px !important;
}

.HlkPortal__floatingMiniCardTwo{
    right:36px !important;
    top:-24px !important;
}

/* =========================
   LOGIN PAGE STYLING
========================= */
input[type="text"],
input[type="email"],
input[type="password"]{
    border:1px solid rgba(22,14,68,0.13) !important;
    border-radius:16px !important;
    min-height:54px !important;
    color:var(--hlk-navy) !important;
    background:#ffffff !important;
    box-shadow:none !important;
    font-weight:600 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{
    outline:none !important;
    border-color:var(--hlk-blue) !important;
    box-shadow:0 0 0 4px rgba(79,198,224,0.15) !important;
}

::placeholder{
    color:#9694AA !important;
    opacity:1 !important;
}

button,
input[type="submit"],
input[type="button"]{
    border-radius:16px !important;
    font-weight:800 !important;
}

button[type="submit"],
input[type="submit"],
input[type="button"],
[class*="primary"]{
    background:linear-gradient(135deg,var(--hlk-navy),#315FD0) !important;
    color:#ffffff !important;
    border:none !important;
    min-height:54px !important;
    box-shadow:0 15px 28px rgba(49,95,208,0.24) !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 18px 34px rgba(49,95,208,0.30) !important;
}

/* login page titles */
h1,h2,h3,h4{
    color:var(--hlk-navy) !important;
    font-weight:800 !important;
}

/* orange links become brand green/blue */
a{
    color:var(--hlk-green) !important;
}

a:hover{
    color:var(--hlk-blue) !important;
}

/* =========================
   FOOTER
========================= */
.HlkPortal__footer{
    position:relative !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 10% 10%, rgba(79,198,224,0.18), transparent 25%),
        linear-gradient(135deg,var(--hlk-navy),#24186A) !important;
    color:#ffffff !important;
    padding:38px 0 18px !important;
    border-top:none !important;
}

.HlkPortal__footer:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px) !important;
    background-size:34px 34px !important;
    opacity:.65 !important;
    pointer-events:none !important;
}

.HlkPortal__footerContainer{
    position:relative !important;
    z-index:2 !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:0 24px !important;
}

.HlkPortal__footerTop{
    display:grid !important;
    grid-template-columns:1.2fr .8fr 1fr !important;
    gap:28px !important;
    align-items:center !important;
    padding-bottom:26px !important;
    border-bottom:1px solid rgba(255,255,255,0.13) !important;
}

.HlkPortal__footerBrand{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
}

.HlkPortal__footerLogo{
    width:62px !important;
    height:62px !important;
    border-radius:20px !important;
    background:#ffffff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 14px 30px rgba(0,0,0,0.14) !important;
}

.HlkPortal__footerLogo img{
    max-width:48px !important;
    max-height:48px !important;
    object-fit:contain !important;
}

.HlkPortal__footerBrandText h4{
    color:#ffffff !important;
    font-size:20px !important;
    font-weight:800 !important;
    margin:0 0 6px !important;
}

.HlkPortal__footerBrandText p{
    color:rgba(255,255,255,0.76) !important;
    font-size:13px !important;
    margin:0 !important;
    font-weight:600 !important;
}

.HlkPortal__footerLinks{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
}

.HlkPortal__footerLinkItem{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:9px 13px !important;
    border-radius:999px !important;
    color:#ffffff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,0.09) !important;
    border:1px solid rgba(255,255,255,0.12) !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.HlkPortal__footerLinkItem:hover{
    background:rgba(79,198,224,0.20) !important;
    color:#ffffff !important;
}

.HlkPortal__footerContact{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    align-items:flex-end !important;
}

.HlkPortal__footerContact span{
    color:rgba(255,255,255,0.82) !important;
    font-size:13px !important;
    font-weight:600 !important;
}

.HlkPortal__footerBottom{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding-top:18px !important;
    color:rgba(255,255,255,0.62) !important;
    font-size:12px !important;
    font-weight:600 !important;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:1100px){
    .HlkPortal__navContainer{
        min-height:86px !important;
        gap:16px !important;
    }

    .HlkPortal__brandWrap{
        min-width:auto !important;
    }

    .HlkPortal__companyName{
        font-size:20px !important;
    }

    .HlkPortal__menuTab,
    .HlkPortal__navTools{
        display:none !important;
    }

    .HlkPortal__heroContainer{
        grid-template-columns:1fr !important;
        text-align:center !important;
    }

    .HlkPortal__heroContent{
        margin:0 auto !important;
    }

    .HlkPortal__heroTags{
        justify-content:center !important;
    }

    .HlkPortal__heroVisual{
        max-width:430px !important;
        margin:0 auto !important;
    }

    .HlkPortal__footerTop{
        grid-template-columns:1fr !important;
        text-align:center !important;
    }

    .HlkPortal__footerBrand,
    .HlkPortal__footerLinks,
    .HlkPortal__footerContact{
        justify-content:center !important;
        align-items:center !important;
    }

    .HlkPortal__footerBottom{
        flex-direction:column !important;
        text-align:center !important;
    }
}

@media (max-width:640px){
    .HlkPortal__logoLink{
        width:60px !important;
        height:60px !important;
        min-width:60px !important;
        border-radius:18px !important;
    }

    .HlkPortal__logo img{
        max-width:44px !important;
        max-height:44px !important;
    }

    .HlkPortal__brandWrap{
        gap:12px !important;
    }

    .HlkPortal__companyName{
        font-size:17px !important;
        white-space:normal !important;
    }

    .HlkPortal__brandBadge{
        font-size:11px !important;
        padding:6px 10px !important;
    }

    .HlkPortal__hero{
        min-height:auto !important;
        padding:46px 0 54px !important;
    }

    .HlkPortal__heroTitle{
        font-size:34px !important;
    }

    .HlkPortal__heroDescription{
        font-size:15px !important;
    }

    .HlkPortal__heroVisual{
        display:none !important;
    }
}