* {
    box-sizing: border-box;
}


html,
body {
    margin: 0;
    min-height: 100%;
}


body.pkauth-body {
    min-height: 100vh;
    background: #ffffff;
    color: #192941;
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}


button,
input,
select {
    font: inherit;
}


.pkauth-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(440px, .8fr);
    background: #ffffff;
}


/* =====================================================
   STORY
   ===================================================== */

.pkauth-story {
    position: relative;
    overflow: hidden;
    padding:
        43px
        clamp(42px, 5vw, 80px)
        46px;
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(73, 178, 255, .16),
            transparent 27%
        ),
        radial-gradient(
            circle at 72% 38%,
            rgba(153, 96, 255, .08),
            transparent 24%
        ),
        #ffffff;
}


.pkauth-story::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 35px;
    width: 110px;
    height: 75px;
    opacity: .34;
    background-image:
        radial-gradient(
            #4f86f7 1.4px,
            transparent 1.4px
        );
    background-size: 13px 13px;
}


.pkauth-story-inner {
    position: relative;
    z-index: 2;
    max-width: 1060px;
    margin: 0 auto;
}


/* BRAND */

.pk-brand {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 58px;
}


.pk-brand-name {
    line-height: 1;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -2.8px;
    color: #176fd2;
}


.pk-brand-name strong {
    color: #ff8c1a;
    font-weight: 850;
}


.pk-brand-erp {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 8px;
    color: #186fcb;
}


.pk-brand-erp i,
.pk-brand-erp b {
    display: block;
    width: 42px;
    height: 2px;
    border-radius: 999px;
}


.pk-brand-erp i {
    background: #176fd2;
}


.pk-brand-erp b {
    background: #ff8c1a;
}


.pk-brand-erp span {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 7px;
    padding-left: 7px;
}


.pk-brand-tagline {
    margin-top: 9px;
    font-size: 11px;
    font-weight: 700;
    color: #244d80;
}


.pk-brand-tagline em {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: #ff8c1a;
}


/* HERO */

.pkauth-hero {
    max-width: 680px;
}


.pkauth-eyebrow {
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 999px;
    background: #edf4ff;
    color: #436fdd;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.15px;
}


.pkauth-hero h1 {
    margin: 16px 0 15px;
    font-size:
        clamp(44px, 4.5vw, 68px);
    line-height: 1.02;
    letter-spacing: -3px;
}


.pkauth-hero h1 span {
    display: block;
    color: #1776da;
    font-weight: 800;
}


.pkauth-hero h1 strong {
    display: block;
    color: #1c2c47;
    font-weight: 820;
}


.pkauth-hero p {
    margin: 0;
    max-width: 620px;
    color: #78879a;
    font-size: 16px;
    line-height: 1.65;
}


/* MODULES */

.pkauth-module-grid {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(110px, 1fr));
    gap: 12px;
    margin-top: 42px;
}


.pkauth-module {
    min-height: 142px;
    padding: 17px 15px;
    border: 1px solid #edf1f6;
    border-radius: 15px;
    background: rgba(255,255,255,.97);
    box-shadow:
        0 10px 25px rgba(44, 67, 107, .07);
}


.pkauth-module strong {
    display: block;
    margin-top: 12px;
    font-size: 13px;
    color: #293952;
}


.pkauth-module > span {
    display: block;
    margin-top: 6px;
    font-size: 10.5px;
    line-height: 1.4;
    color: #8a96a6;
}


.module-icon {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
}


.module-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.pkauth-sales {
    border-bottom: 3px solid #4682f5;
}


.pkauth-sales .module-icon {
    color: #3877eb;
    background: #e8f1ff;
}


.pkauth-purchase {
    border-bottom: 3px solid #ff9b32;
}


.pkauth-purchase .module-icon {
    color: #ee881a;
    background: #fff0df;
}


.pkauth-inventory {
    border-bottom: 3px solid #20c5a8;
}


.pkauth-inventory .module-icon {
    color: #0da88c;
    background: #ddf9f3;
}


.pkauth-accounting {
    border-bottom: 3px solid #20add7;
}


.pkauth-accounting .module-icon {
    color: #1298bd;
    background: #e1f8ff;
}


.pkauth-reports {
    border-bottom: 3px solid #9a67f5;
}


.pkauth-reports .module-icon {
    color: #8453e8;
    background: #f0eaff;
}


/* BENEFITS */

.pkauth-benefits {
    display: grid;
    grid-template-columns:
        repeat(3, 1fr);
    gap: 22px;
    margin-top: 41px;
}


.pkauth-benefits > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}


.pkauth-benefits > div > span {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-weight: 900;
}


.benefit-blue {
    color: #3378ef;
    background: #eaf2ff;
}


.benefit-teal {
    color: #0da68d;
    background: #ddfaf4;
}


.benefit-orange {
    color: #ef8a1c;
    background: #fff0df;
}


.pkauth-benefits p {
    margin: 0;
}


.pkauth-benefits strong {
    display: block;
    font-size: 13px;
    color: #2e3c53;
}


.pkauth-benefits small {
    display: block;
    margin-top: 4px;
    color: #929dac;
    line-height: 1.4;
}


.pkauth-decoration {
    position: absolute;
    left: -12%;
    bottom: -120px;
    width: 82%;
    height: 210px;
    border: 2px solid rgba(69, 153, 239, .16);
    border-radius: 50%;
    transform: rotate(-3deg);
}


/* =====================================================
   RIGHT
   ===================================================== */

.pkauth-form-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:
        38px
        clamp(28px, 4vw, 60px);
    background:
        linear-gradient(
            180deg,
            #fbfdff,
            #f5f8fc
        );
}


.pkauth-card {
    width: min(100%, 560px);
    padding: 46px 48px 32px;
    border: 1px solid #edf1f7;
    border-radius: 24px;
    background: #ffffff;
    box-shadow:
        0 28px 72px rgba(34, 58, 98, .14);
}


.pkauth-heading > span {
    color: #4d72df;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 1.2px;
}


.pkauth-heading h2 {
    margin: 11px 0 8px;
    color: #1b2b44;
    font-size:
        clamp(31px, 2.6vw, 42px);
    line-height: 1.1;
    letter-spacing: -1.6px;
}


.pkauth-heading p {
    margin: 0 0 25px;
    color: #8a95a5;
    font-size: 13px;
}


.pkauth-alerts {
    margin-bottom: 16px;
}


.pkauth-alert {
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.45;
}


.pkauth-alert.error {
    color: #b53c50;
    background: #fff0f2;
    border: 1px solid #ffd6dc;
}


.pkauth-alert.success {
    color: #0b7968;
    background: #e8faf5;
    border: 1px solid #c8f0e5;
}


.pkauth-field {
    margin-bottom: 16px;
}


.pkauth-field > label {
    display: block;
    margin-bottom: 7px;
    color: #2e3d54;
    font-size: 11.5px;
    font-weight: 750;
}


.pkauth-input {
    min-height: 49px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid #dfe5ee;
    border-radius: 10px;
    background: #ffffff;
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}


.pkauth-input:focus-within {
    border-color: #4d83f0;
    box-shadow:
        0 0 0 3px rgba(77, 131, 240, .10);
}


.input-symbol {
    flex: 0 0 auto;
    color: #75869c;
    font-size: 11px;
    font-weight: 800;
}


.pkauth-input input,
.pkauth-input select {
    width: 100%;
    min-width: 0;
    height: 47px;
    border: 0;
    outline: 0;
    color: #27374e;
    background: transparent;
    font-size: 13px;
}


.pkauth-input input::placeholder {
    color: #a4adba;
}


.pkauth-input select {
    cursor: pointer;
}


.password-toggle {
    flex: 0 0 auto;
    border: 0;
    padding: 5px;
    background: transparent;
    color: #4c74dc;
    cursor: pointer;
    font-size: 10.5px;
    font-weight: 800;
}


.pkauth-options {
    margin: 3px 0 21px;
}


.pkauth-options label,
.terms-row {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #68778b;
    font-size: 11.5px;
    cursor: pointer;
}


.pkauth-options input,
.terms-row input {
    width: 15px;
    height: 15px;
    accent-color: #477df0;
}


.pkauth-primary {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background:
        linear-gradient(
            90deg,
            #3f80ef,
            #625fe8,
            #795bdd
        );
    box-shadow:
        0 11px 23px rgba(83, 95, 216, .24);
    cursor: pointer;
    font-size: 13.5px;
    font-weight: 800;
}


.pkauth-primary strong {
    font-size: 18px;
}


.pkauth-divider {
    position: relative;
    margin: 24px 0 17px;
    text-align: center;
}


.pkauth-divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #edf0f4;
}


.pkauth-divider span {
    position: relative;
    z-index: 1;
    padding: 0 10px;
    background: #ffffff;
    color: #a0a9b5;
    font-size: 10px;
}


.pkauth-free {
    min-height: 52px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 1px;
    border-radius: 11px;
    text-decoration: none;
    background:
        linear-gradient(
            90deg,
            #ff9a31,
            #9664ef,
            #4384f5,
            #21baa0
        );
    box-shadow:
        0 9px 22px rgba(66, 94, 160, .11);
}


.pkauth-free::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 10px;
    background: #ffffff;
}


.pkauth-free span,
.pkauth-free strong {
    position: relative;
    z-index: 1;
}


.pkauth-free span {
    color: #416bd8;
    font-size: 13.5px;
    font-weight: 850;
}


.pkauth-free strong {
    color: #ff8d22;
    font-size: 18px;
}


.pkauth-security {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #9aa5b4;
    font-size: 10.5px;
}


.pkauth-security span {
    color: #3988ee;
}


/* =====================================================
   SIGNUP
   ===================================================== */

.pkauth-signup-shell {
    grid-template-columns:
        minmax(0, .92fr)
        minmax(610px, 1.08fr);
}


.pkauth-signup-shell .pk-brand {
    margin-bottom: 43px;
}


.pkauth-signup-shell .pkauth-hero h1 {
    font-size:
        clamp(42px, 3.6vw, 59px);
}


.pkauth-signup-card {
    width: min(100%, 710px);
    padding: 31px 39px 27px;
}


.signup-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    column-gap: 15px;
}


.field-help {
    display: block;
    margin-top: 5px;
    color: #98a2b1;
    font-size: 9.7px;
    line-height: 1.35;
}


.readonly-input {
    background: #f7f9fc;
}


.readonly-input input {
    color: #56657a;
    font-weight: 750;
}


.terms-row {
    margin:
        5px 0 18px;
    align-items: flex-start;
    line-height: 1.45;
}


.signup-button {
    background:
        linear-gradient(
            90deg,
            #ff9630 0%,
            #9864ed 34%,
            #4980ef 68%,
            #22b99e 100%
        );
}


.signin-return {
    margin-top: 20px;
    text-align: center;
    color: #8d98a8;
    font-size: 11.5px;
}


.signin-return a {
    margin-left: 4px;
    color: #4778e3;
    text-decoration: none;
    font-weight: 800;
}


.trial-value-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
    max-width: 530px;
    margin-top: 38px;
}


.trial-value-grid article {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 18px;
    border: 1px solid #edf1f6;
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 9px 22px rgba(47, 71, 111, .06);
}


.trial-value-grid article:nth-child(1) {
    border-left: 4px solid #ff9931;
}


.trial-value-grid article:nth-child(2) {
    border-left: 4px solid #8b66ea;
}


.trial-value-grid article:nth-child(3) {
    border-left: 4px solid #20b99f;
}


.trial-value-grid article > span {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f4f7fc;
    color: #406fdb;
    font-size: 17px;
    font-weight: 850;
}


.trial-value-grid strong {
    display: block;
    color: #2b3b52;
    font-size: 13px;
}


.trial-value-grid small {
    display: block;
    margin-top: 4px;
    color: #939eae;
    font-size: 10.5px;
}


.trial-simple-message {
    max-width: 530px;
    margin-top: 19px;
    padding: 15px 17px;
    border-radius: 13px;
    background:
        linear-gradient(
            90deg,
            #f4f8ff,
            #fff8f1
        );
}


.trial-simple-message strong {
    display: block;
    color: #3e65cb;
    font-size: 12px;
}


.trial-simple-message span {
    display: block;
    margin-top: 5px;
    color: #7f8c9e;
    font-size: 10.5px;
    line-height: 1.5;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 1220px) {

    .pkauth-module-grid {
        grid-template-columns:
            repeat(3, 1fr);
    }


    .pkauth-module:nth-child(4),
    .pkauth-module:nth-child(5) {
        display: none;
    }

}


@media (max-width: 960px) {

    .pkauth-shell,
    .pkauth-signup-shell {
        display: block;
    }


    .pkauth-story {
        padding:
            30px
            25px
            35px;
    }


    .pk-brand {
        margin-bottom: 30px;
    }


    .pkauth-benefits {
        display: none;
    }


    .pkauth-form-panel {
        padding:
            28px
            18px
            42px;
    }


    .pkauth-card,
    .pkauth-signup-card {
        width: min(100%, 710px);
    }

}


@media (max-width: 620px) {

    .pkauth-hero h1 {
        font-size: 39px;
    }


    .pkauth-module-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .pkauth-module:nth-child(3) {
        display: none;
    }


    .pkauth-card,
    .pkauth-signup-card {
        padding:
            28px
            20px;
    }


    .signup-grid {
        grid-template-columns:
            1fr;
    }

}


/* =========================================================
   PKORIX AUTH BRAND V3
   Match official pKorix wording/logo character more closely
   ========================================================= */

.pk-brand {
    min-width: 240px;
    align-items: center;
}

.pk-brand-name {
    display: flex;
    align-items: center;
    line-height: .88;
    font-family:
        "Segoe UI",
        Arial,
        sans-serif;
    font-size: 54px;
    font-weight: 900;
    letter-spacing: -5px;
}

.pk-letter-p,
.pk-letter-or {
    color: #074aa5;
}

.pk-letter-k {
    position: relative;
    margin-left: 1px;
    margin-right: 2px;
    color: #ff7200;
    font-weight: 950;
    transform: skewX(-8deg);
}

.pk-letter-x {
    position: relative;
    margin-left: 1px;
    color: #074aa5;
}

.pk-letter-x::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 5px;
    right: -3px;
    top: 4px;
    border-radius: 5px;
    background: #ff7200;
    transform: rotate(-42deg);
}

.pk-brand-erp {
    width: 100%;
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 13px;
}

.pk-brand-erp span {
    padding: 0;
    color: #0b3d8e;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: 12px;
    transform: translateX(5px);
}

.pk-brand-erp i {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 999px;
}

.pk-line-blue {
    background: #1264df !important;
}

.pk-line-orange {
    background: #ff7200 !important;
}

.pk-brand-tagline {
    width: 100%;
    margin-top: 11px;
    display: grid;
    grid-template-columns: 30px auto 30px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #0a3479;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.8px;
}

.pk-brand-tagline i {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 999px;
    background: #ff7200;
}

.pk-brand-tagline i:first-child::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin-top: -2.5px;
    margin-left: 25px;
    border-radius: 50%;
    background: #ff7200;
}


/* =========================================================
   REMOVE QUESTION-MARK GLYPHS
   ========================================================= */

.input-lock {
    display: inline-grid !important;
    width: 18px;
    height: 18px;
    place-items: center;
}

.input-lock svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: #71839b;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.button-arrow {
    display: inline-grid;
    width: 20px;
    height: 20px;
    place-items: center;
}

.button-arrow svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pkauth-primary .button-arrow {
    color: #ffffff;
}

.pkauth-free .button-arrow {
    color: #ff8617;
}


/* Keep auth branding clean on smaller screens */

@media (max-width: 620px) {

    .pk-brand-name {
        font-size: 44px;
    }

    .pk-brand {
        min-width: 205px;
    }

}


/* =========================================================
   PKORIX AUTH REAL OFFICIAL LOGO
   Old CSS wordmark is no longer used.
   ========================================================= */

.pk-real-logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 52px 0;
}

.pk-real-logo img {
    display: block;
    width: 390px;
    max-width: 72%;
    height: auto;
    object-fit: contain;
    object-position: left center;
}


/* Trial page */

.pkauth-signup-shell .pk-real-logo {
    margin-bottom: 38px;
}

.pkauth-signup-shell .pk-real-logo img {
    width: 360px;
}


/* Completely suppress old generated logo if any remains */

.pk-brand,
.pk-brand-image-wrap {
    display: none !important;
}


/* Mobile */

@media (max-width: 620px) {

    .pk-real-logo {
        margin-bottom: 30px;
    }

    .pk-real-logo img {
        width: 300px;
        max-width: 90%;
    }

}


/* PKORIX AUTH PALETTE V2 */
/* Match page colors to actual pKorix logo */

:root {
    --pk-blue-deep: #0b3f96;
    --pk-blue-main: #145fd7;
    --pk-blue-soft: #eaf3ff;
    --pk-ink: #1a2942;
    --pk-text-soft: #72839a;
    --pk-orange: #ff6f00;
    --pk-orange-soft: #fff1e5;
    --pk-border: #e7edf5;
}


/* Left story area */
.pkauth-story {
    background:
        radial-gradient(circle at 88% 12%, rgba(20, 95, 215, .10), transparent 28%),
        radial-gradient(circle at 73% 55%, rgba(255, 111, 0, .06), transparent 24%),
        #ffffff !important;
}

.pkauth-eyebrow {
    background: var(--pk-blue-soft) !important;
    color: var(--pk-blue-main) !important;
}

.pkauth-hero h1 span {
    color: var(--pk-blue-main) !important;
}

.pkauth-hero h1 strong {
    color: var(--pk-ink) !important;
}

.pkauth-hero p {
    color: var(--pk-text-soft) !important;
}


/* Right panel */
.pkauth-form-panel {
    background: linear-gradient(180deg, #fbfdff, #f6faff) !important;
}

.pkauth-card {
    border: 1px solid var(--pk-border) !important;
}

.pkauth-heading > span {
    color: var(--pk-blue-main) !important;
}

.pkauth-heading h2 {
    color: var(--pk-ink) !important;
}

.pkauth-heading p {
    color: var(--pk-text-soft) !important;
}


/* Inputs */
.pkauth-input {
    border: 1px solid #dbe5f1 !important;
}

.pkauth-input:focus-within {
    border-color: var(--pk-blue-main) !important;
    box-shadow: 0 0 0 3px rgba(20, 95, 215, .10) !important;
}

.password-toggle {
    color: var(--pk-blue-main) !important;
}


/* Buttons */
.pkauth-primary {
    background: linear-gradient(90deg, #145fd7 0%, #0b3f96 72%, #ff6f00 100%) !important;
    box-shadow: 0 12px 25px rgba(11, 63, 150, .18) !important;
}

.signup-button {
    background: linear-gradient(90deg, #145fd7 0%, #0b3f96 70%, #ff6f00 100%) !important;
}

.pkauth-free {
    background: linear-gradient(90deg, #145fd7 0%, #0b3f96 72%, #ff6f00 100%) !important;
}

.pkauth-free span {
    color: var(--pk-blue-deep) !important;
}

.pkauth-free strong {
    color: var(--pk-orange) !important;
}


/* Module cards */
.pkauth-module {
    border: 1px solid #ebf0f6 !important;
    box-shadow: 0 10px 24px rgba(24, 52, 92, .05) !important;
}

.pkauth-module strong {
    color: var(--pk-ink) !important;
}

.pkauth-module > span {
    color: #8391a3 !important;
}

.pkauth-sales {
    border-bottom: 3px solid #145fd7 !important;
}
.pkauth-sales .module-icon {
    color: #145fd7 !important;
    background: #eaf3ff !important;
}

.pkauth-purchase {
    border-bottom: 3px solid #ff6f00 !important;
}
.pkauth-purchase .module-icon {
    color: #ff6f00 !important;
    background: #fff1e5 !important;
}

.pkauth-inventory {
    border-bottom: 3px solid #1ca889 !important;
}
.pkauth-inventory .module-icon {
    color: #1ca889 !important;
    background: #e5faf5 !important;
}

.pkauth-accounting {
    border-bottom: 3px solid #0b3f96 !important;
}
.pkauth-accounting .module-icon {
    color: #0b3f96 !important;
    background: #edf4ff !important;
}

.pkauth-reports {
    border-bottom: 3px solid #ff9f1c !important;
}
.pkauth-reports .module-icon {
    color: #ff9f1c !important;
    background: #fff6e8 !important;
}


/* Benefits */
.benefit-blue {
    color: #145fd7 !important;
    background: #eaf3ff !important;
}

.benefit-teal {
    color: #1ca889 !important;
    background: #e5faf5 !important;
}

.benefit-orange {
    color: #ff6f00 !important;
    background: #fff1e5 !important;
}

.pkauth-benefits strong {
    color: var(--pk-ink) !important;
}

.pkauth-benefits small {
    color: var(--pk-text-soft) !important;
}


/* Misc */
.trial-simple-message {
    background: linear-gradient(90deg, #eef5ff, #fff4ea) !important;
}

.trial-simple-message strong {
    color: var(--pk-blue-deep) !important;
}

.signin-return a,
.pkauth-security span {
    color: var(--pk-blue-main) !important;
}

/* PKORIX LOGIN REDESIGN V3 START */

.pk-login-page {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
    background: #ffffff;
}

.pk-login-left {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 8%, rgba(20, 95, 215, 0.08), transparent 18%),
        radial-gradient(circle at 72% 18%, rgba(255, 109, 0, 0.08), transparent 20%),
        radial-gradient(circle at 78% 72%, rgba(12, 82, 180, 0.05), transparent 22%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 48%, #f3f8ff 100%);
    border-right: 1px solid #e8eff8;
}

.pk-login-left::before {
    content: "";
    position: absolute;
    left: 48px;
    top: 34px;
    width: 140px;
    height: 88px;
    opacity: .45;
    background-image: radial-gradient(#9ec1f6 1.4px, transparent 1.4px);
    background-size: 13px 13px;
}

.pk-login-left-inner {
    position: relative;
    z-index: 2;
    max-width: 820px;
    padding: 42px 54px 54px;
}

.pk-login-logo-wrap {
    margin-bottom: 28px;
}

.pk-login-logo {
    width: min(100%, 470px);
    height: auto;
    display: block;
}

.pk-login-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #eaf3ff;
    color: #145fd7;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.pk-login-title {
    margin: 24px 0 16px;
    line-height: 0.95;
    letter-spacing: -2px;
}

.pk-login-title span {
    display: block;
    color: #1f67d6;
    font-size: clamp(58px, 6vw, 84px);
    font-weight: 850;
}

.pk-login-title strong {
    display: block;
    color: #16335f;
    font-size: clamp(56px, 5.5vw, 80px);
    font-weight: 900;
}

.pk-login-subtitle {
    max-width: 720px;
    margin: 0;
    color: #627791;
    font-size: 18px;
    line-height: 1.7;
}

.pk-login-brand-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.pk-login-brand-pills span {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #e3ebf6;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #254262;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(28, 52, 92, 0.05);
}

.pk-login-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
    max-width: 760px;
}

.pk-login-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 20px;
    border: 1px solid #e8eef7;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 14px 34px rgba(28, 52, 92, 0.06);
}

.pk-login-feature-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 900;
}

.pk-login-feature-icon.blue {
    color: #145fd7;
    background: #eaf3ff;
}

.pk-login-feature-icon.orange {
    color: #ff6d00;
    background: #fff1e6;
}

.pk-login-feature-icon.teal {
    color: #17a886;
    background: #e8faf5;
}

.pk-login-feature-icon.navy {
    color: #0b3f96;
    background: #eaf0fb;
}

.pk-login-feature-card strong {
    display: block;
    color: #17345e;
    font-size: 18px;
    font-weight: 800;
}

.pk-login-feature-card small {
    display: block;
    margin-top: 6px;
    color: #74869d;
    font-size: 13px;
    line-height: 1.55;
}

.pk-login-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px;
    background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
}

.pk-login-card {
    width: min(100%, 500px);
    padding: 42px 42px 34px;
    border: 1px solid #e6edf7;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(26, 51, 95, 0.10);
}

.pk-login-heading span {
    color: #1f67d6;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.pk-login-heading h2 {
    margin: 14px 0 10px;
    color: #16335f;
    font-size: 58px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -2px;
}

.pk-login-heading p {
    margin: 0 0 24px;
    color: #7689a0;
    font-size: 16px;
}

.pk-login-alerts {
    margin-bottom: 16px;
}

.pk-login-alert {
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
}

.pk-login-alert.error {
    background: #fff1f2;
    border: 1px solid #ffd6db;
    color: #b23a52;
}

.pk-login-alert.success {
    background: #ebfaf5;
    border: 1px solid #c9efe2;
    color: #0f7b66;
}

.pk-login-form {
    margin-top: 2px;
}

.pk-login-field {
    margin-bottom: 18px;
}

.pk-login-field label {
    display: block;
    margin-bottom: 9px;
    color: #203d65;
    font-size: 14px;
    font-weight: 800;
}

.pk-login-input {
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    border: 1px solid #dbe6f3;
    border-radius: 18px;
    background: #ffffff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.pk-login-input:focus-within {
    border-color: #1f67d6;
    box-shadow: 0 0 0 4px rgba(31, 103, 214, 0.10);
}

.pk-login-input-icon {
    color: #6a809c;
    font-size: 21px;
    font-weight: 800;
}

.pk-login-lock-icon {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 20px;
}

.pk-login-lock-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #6d829b;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pk-login-input input {
    width: 100%;
    min-width: 0;
    height: 58px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #16335f;
    font-size: 17px;
    font-weight: 500;
}

.pk-login-input input::placeholder {
    color: #9aacbf;
}

.pk-login-password-toggle {
    border: 0;
    background: transparent;
    color: #145fd7;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.pk-login-options {
    margin: 6px 0 22px;
}

.pk-login-options label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #6b8098;
    font-size: 15px;
    cursor: pointer;
}

.pk-login-options input {
    width: 18px;
    height: 18px;
    accent-color: #145fd7;
}

.pk-login-primary {
    position: relative;
    width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #1665db 0%, #0b4fa9 72%, #0a438f 100%);
    color: #ffffff;
    font-size: 25px;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 18px 30px rgba(11, 79, 169, 0.18);
    overflow: hidden;
}

.pk-login-primary::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 84px;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 109, 0, 0.00) 0%, rgba(255, 109, 0, 0.92) 100%);
}

.pk-login-primary span,
.pk-login-primary strong {
    position: relative;
    z-index: 1;
}

.pk-login-primary strong {
    font-size: 26px;
}

.pk-login-divider {
    position: relative;
    margin: 26px 0 18px;
    text-align: center;
}

.pk-login-divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e7edf7;
}

.pk-login-divider span {
    position: relative;
    z-index: 1;
    padding: 0 14px;
    background: #ffffff;
    color: #9aacbf;
    font-size: 14px;
}

.pk-login-free-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #e3ebf6;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(20, 95, 215, 0.06) 0%, rgba(255, 109, 0, 0.08) 100%),
        #ffffff;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(28, 52, 92, 0.05);
}

.pk-login-free-link strong {
    display: block;
    color: #16335f;
    font-size: 19px;
    font-weight: 850;
}

.pk-login-free-link small {
    display: block;
    margin-top: 4px;
    color: #7588a0;
    font-size: 13px;
}

.pk-login-free-link > span {
    color: #ff6d00;
    font-size: 28px;
    font-weight: 900;
}

.pk-login-secure-note {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #74879e;
    font-size: 13px;
}

.pk-login-secure-note span {
    color: #145fd7;
    font-weight: 900;
}

@media (max-width: 1180px) {
    .pk-login-page {
        grid-template-columns: 1fr;
    }

    .pk-login-left {
        border-right: 0;
        border-bottom: 1px solid #e8eff8;
    }

    .pk-login-left-inner {
        max-width: 100%;
    }

    .pk-login-right {
        padding: 28px 20px 40px;
    }
}

@media (max-width: 760px) {
    .pk-login-left-inner {
        padding: 28px 20px 30px;
    }

    .pk-login-right {
        padding: 20px 16px 34px;
    }

    .pk-login-feature-grid {
        grid-template-columns: 1fr;
    }

    .pk-login-card {
        padding: 28px 20px 24px;
        border-radius: 22px;
    }

    .pk-login-title span {
        font-size: 48px;
    }

    .pk-login-title strong {
        font-size: 46px;
    }

    .pk-login-heading h2 {
        font-size: 44px;
    }

    .pk-login-subtitle {
        font-size: 16px;
    }
}

/* PKORIX LOGIN REDESIGN V3 END */

/* PKORIX LOGIN BALANCE FIX V4 START */


/* =========================================================
   BRING LOGIN PAGE BACK TO BALANCED SCALE
   ========================================================= */

.pk-login-page {
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(430px, .8fr) !important;
}


.pk-login-left-inner {
    max-width: 900px !important;
    padding:
        38px
        50px
        46px !important;
}


.pk-login-logo-wrap {
    margin-bottom: 28px !important;
}


.pk-login-logo {
    width: min(100%, 390px) !important;
}


.pk-login-eyebrow {
    padding: 7px 13px !important;
    font-size: 10px !important;
}


.pk-login-title {
    margin:
        18px
        0
        14px !important;
    line-height: 1.02 !important;
}


.pk-login-title span {
    font-size:
        clamp(43px, 4vw, 64px) !important;
    letter-spacing:
        -2px !important;
}


.pk-login-title strong {
    font-size:
        clamp(42px, 3.8vw, 60px) !important;
    letter-spacing:
        -2px !important;
}


.pk-login-subtitle {
    max-width: 680px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}


.pk-login-brand-pills {
    margin-top: 22px !important;
    gap: 9px !important;
}


.pk-login-brand-pills span {
    min-height: 34px !important;
    padding:
        0
        13px !important;
    font-size: 11px !important;
}


.pk-login-feature-grid {
    margin-top: 27px !important;
    gap: 13px !important;
}


.pk-login-feature-card {
    padding:
        15px
        16px !important;
    border-radius:
        16px !important;
}


.pk-login-feature-icon {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
    border-radius: 12px !important;
}


.pk-login-feature-card strong {
    font-size: 14px !important;
}


.pk-login-feature-card small {
    margin-top: 4px !important;
    font-size: 11px !important;
}


/* =========================================================
   SIGN-IN SIDE ? LIGHT & PROFESSIONAL
   ========================================================= */

.pk-login-right {
    padding:
        34px
        40px !important;
}


.pk-login-card {
    width: min(100%, 500px) !important;
    padding:
        40px
        42px
        31px !important;
    border-radius:
        24px !important;
    box-shadow:
        0 22px 55px rgba(26, 51, 95, .08) !important;
}


.pk-login-heading span {
    font-size: 11px !important;
}


.pk-login-heading h2 {
    margin:
        11px
        0
        7px !important;
    font-size:
        clamp(32px, 2.7vw, 43px) !important;
    line-height: 1.08 !important;
    letter-spacing:
        -1.5px !important;
}


.pk-login-heading p {
    margin-bottom:
        23px !important;
    font-size:
        14px !important;
}


.pk-login-input {
    min-height:
        52px !important;
    border-radius:
        11px !important;
}


.pk-login-input input {
    height:
        50px !important;
    font-size:
        14px !important;
}


.pk-login-field {
    margin-bottom:
        16px !important;
}


.pk-login-field label {
    font-size:
        12px !important;
}


.pk-login-options {
    margin:
        3px
        0
        20px !important;
}


.pk-login-options label {
    font-size:
        12px !important;
}


/* =========================================================
   SIGN IN BUTTON
   NO FILLED BACKGROUND
   ========================================================= */

.pk-login-primary {
    min-height:
        52px !important;

    border:
        2px solid #145fd7 !important;

    border-radius:
        12px !important;

    background:
        #ffffff !important;

    color:
        #145fd7 !important;

    box-shadow:
        0 7px 18px rgba(20, 95, 215, .07) !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;
}


.pk-login-primary::after {
    display:
        none !important;
}


.pk-login-primary span,
.pk-login-primary strong {
    color:
        #145fd7 !important;
}


.pk-login-primary strong {
    font-size:
        19px !important;
}


.pk-login-primary:hover {
    background:
        #f4f8ff !important;

    border-color:
        #0b3f96 !important;

    color:
        #0b3f96 !important;
}


/* =========================================================
   TRY PKORIX FREE
   OUTLINE STYLE ? NO FILLED BACKGROUND
   ========================================================= */

.pk-login-free-link {
    min-height:
        54px !important;

    padding:
        13px
        17px !important;

    border:
        2px solid #ff6f00 !important;

    border-radius:
        12px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 7px 18px rgba(255, 111, 0, .06) !important;
}


.pk-login-free-link strong {
    color:
        #145fd7 !important;

    font-size:
        14px !important;
}


.pk-login-free-link small {
    color:
        #7588a0 !important;

    font-size:
        10.5px !important;
}


.pk-login-free-link > span {
    color:
        #ff6f00 !important;

    font-size:
        20px !important;
}


.pk-login-free-link:hover {
    background:
        #fff9f4 !important;

    border-color:
        #e86100 !important;
}


/* =========================================================
   DIVIDER + SECURITY
   ========================================================= */

.pk-login-divider {
    margin:
        20px
        0
        15px !important;
}


.pk-login-secure-note {
    margin-top:
        17px !important;

    font-size:
        11px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    .pk-login-logo {
        width:
            min(100%, 320px) !important;
    }

    .pk-login-title span {
        font-size:
            42px !important;
    }

    .pk-login-title strong {
        font-size:
            40px !important;
    }

    .pk-login-heading h2 {
        font-size:
            35px !important;
    }

}


/* PKORIX LOGIN BALANCE FIX V4 END */

/* PKORIX PROFESSIONAL LOGIN V5 START */


/* =========================================================
   PAGE
   ========================================================= */

.pk-login-page {
    background: #ffffff !important;
}


.pk-login-left {
    background:
        radial-gradient(
            circle at 18% 14%,
            rgba(22, 101, 219, .07),
            transparent 24%
        ),
        radial-gradient(
            circle at 77% 40%,
            rgba(255, 108, 0, .045),
            transparent 24%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f9fbff 58%,
            #f4f8fd 100%
        ) !important;

    border-right:
        1px solid #e7edf5 !important;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.pk-login-logo {
    width:
        min(100%, 390px) !important;
}


.pk-login-eyebrow {
    background:
        #eaf3ff !important;

    color:
        #175fc6 !important;

    border:
        1px solid #d9e8fb !important;

    font-weight:
        800 !important;
}


.pk-login-title span {
    color:
        #2169d8 !important;
}


.pk-login-title strong {
    color:
        #17345e !important;
}


.pk-login-subtitle {
    color:
        #687c94 !important;
}


/* =========================================================
   PROFESSIONAL PILLS
   ========================================================= */

.pk-login-brand-pills {
    gap:
        8px !important;
}


.pk-login-brand-pills span {
    min-height:
        32px !important;

    padding:
        0 13px !important;

    border:
        1px solid #dfe8f3 !important;

    background:
        rgba(255,255,255,.92) !important;

    color:
        #274568 !important;

    font-size:
        10.5px !important;

    box-shadow:
        none !important;
}


/* =========================================================
   MODULE CARDS
   ========================================================= */

.pk-login-feature-grid {
    gap:
        12px !important;
}


.pk-login-feature-card {
    min-height:
        93px !important;

    padding:
        16px 17px !important;

    border:
        1px solid #e5ecf5 !important;

    border-radius:
        16px !important;

    background:
        rgba(255,255,255,.96) !important;

    box-shadow:
        0 8px 24px rgba(24, 53, 91, .055) !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease !important;
}


.pk-login-feature-card:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 13px 28px rgba(24, 53, 91, .08) !important;
}


.pk-login-feature-card strong {
    color:
        #193b68 !important;
}


.pk-login-feature-card small {
    color:
        #75869b !important;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.pk-login-right {
    background:
        #f8fbff !important;
}


.pk-login-card {
    border:
        1px solid #e2eaf4 !important;

    background:
        #ffffff !important;

    box-shadow:
        0 22px 60px rgba(31, 58, 96, .09) !important;
}


.pk-login-heading span {
    color:
        #1d67cf !important;
}


.pk-login-heading h2 {
    color:
        #17345e !important;
}


.pk-login-heading p {
    color:
        #75869b !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.pk-login-input {
    background:
        #fbfdff !important;

    border:
        1px solid #d9e4f0 !important;

    box-shadow:
        inset 0 1px 1px rgba(31, 53, 86, .025) !important;
}


.pk-login-input:focus-within {
    background:
        #ffffff !important;

    border-color:
        #246bd1 !important;

    box-shadow:
        0 0 0 4px rgba(36, 107, 209, .09) !important;
}


.pk-login-input input {
    color:
        #17345e !important;

    background:
        transparent !important;
}


.pk-login-password-toggle {
    color:
        #1765ce !important;

    font-weight:
        800 !important;
}


/* =========================================================
   SIGN IN BUTTON
   FILLED ? PROFESSIONAL
   ========================================================= */

.pk-login-primary {
    position:
        relative !important;

    min-height:
        54px !important;

    border:
        0 !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            105deg,
            #216bd6 0%,
            #1556b8 72%,
            #12499d 100%
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 11px 25px rgba(21, 86, 184, .20) !important;

    font-size:
        14px !important;

    font-weight:
        850 !important;

    overflow:
        hidden !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease !important;
}


.pk-login-primary::before {
    content:
        "";

    position:
        absolute;

    right:
        0;

    top:
        0;

    width:
        62px;

    height:
        100%;

    background:
        linear-gradient(
            90deg,
            rgba(255,108,0,0),
            rgba(255,108,0,.78)
        );
}


.pk-login-primary::after {
    display:
        none !important;
}


.pk-login-primary span,
.pk-login-primary svg {
    position:
        relative;

    z-index:
        1;
}


.pk-login-primary:hover {
    transform:
        translateY(-1px);

    box-shadow:
        0 14px 30px rgba(21, 86, 184, .26) !important;
}


.pk-button-arrow {
    width:
        19px;

    height:
        19px;

    fill:
        none;

    stroke:
        #ffffff;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* =========================================================
   TRY PKORIX FREE
   FILLED ORANGE
   ========================================================= */

.pk-login-free-link {
    min-height:
        59px !important;

    padding:
        13px
        17px !important;

    border:
        0 !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            105deg,
            #ff7b12 0%,
            #ff6900 68%,
            #ed5800 100%
        ) !important;

    box-shadow:
        0 10px 24px rgba(255, 105, 0, .17) !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease !important;
}


.pk-login-free-link:hover {
    transform:
        translateY(-1px);

    background:
        linear-gradient(
            105deg,
            #ff861d 0%,
            #ff6900 68%,
            #e85200 100%
        ) !important;

    box-shadow:
        0 13px 28px rgba(255, 105, 0, .23) !important;
}


.pk-login-free-link strong {
    color:
        #ffffff !important;

    font-size:
        14px !important;

    font-weight:
        850 !important;
}


.pk-login-free-link small {
    color:
        rgba(255,255,255,.83) !important;

    font-size:
        10.5px !important;
}


.pk-free-arrow {
    flex:
        0 0 21px;

    width:
        21px;

    height:
        21px;

    fill:
        none;

    stroke:
        #ffffff;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.pk-login-divider::before {
    background:
        #e5ebf3 !important;
}


.pk-login-divider span {
    color:
        #9ba8b8 !important;
}


/* =========================================================
   SECURITY
   ========================================================= */

.pk-login-secure-note {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    color:
        #7d8ea3 !important;
}


.pk-login-secure-note svg {
    width:
        17px;

    height:
        17px;

    fill:
        none;

    stroke:
        #246bd1;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.pk-login-secure-note span {
    color:
        #7d8ea3 !important;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.pk-login-options input {
    accent-color:
        #1765ce !important;
}


/* =========================================================
   NO STRANGE PLACEHOLDER GLYPHS
   ========================================================= */

.pk-login-primary strong,
.pk-login-free-link > span {
    display:
        none !important;
}


/* PKORIX PROFESSIONAL LOGIN V5 END */

/* PKORIX LOGIN FINAL V6 START */


/* =========================================================
   FINAL PRODUCTION LOGIN POLISH
   Keep approved structure.
   ========================================================= */


/* ---------------------------------------------------------
   PAGE BALANCE
   --------------------------------------------------------- */

.pk-login-page {
    min-height: 100vh !important;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(430px, .82fr) !important;
}


.pk-login-left-inner {
    padding:
        30px
        50px
        38px !important;
}


.pk-login-logo-wrap {
    margin-bottom:
        22px !important;
}


.pk-login-logo {
    width:
        min(100%, 365px) !important;
}


.pk-login-eyebrow {
    padding:
        6px
        12px !important;

    font-size:
        9.5px !important;
}


.pk-login-title {
    margin:
        16px
        0
        12px !important;
}


.pk-login-title span {
    font-size:
        clamp(42px, 3.8vw, 59px) !important;
}


.pk-login-title strong {
    font-size:
        clamp(40px, 3.6vw, 56px) !important;
}


.pk-login-subtitle {
    max-width:
        660px !important;

    font-size:
        14px !important;

    line-height:
        1.55 !important;
}


.pk-login-brand-pills {
    margin-top:
        18px !important;
}


.pk-login-feature-grid {
    margin-top:
        22px !important;

    gap:
        10px !important;
}


.pk-login-feature-card {
    min-height:
        82px !important;

    padding:
        13px
        15px !important;

    border-radius:
        14px !important;
}


.pk-login-feature-icon {
    width:
        37px !important;

    height:
        37px !important;

    flex-basis:
        37px !important;
}


.pk-login-feature-card strong {
    font-size:
        13px !important;
}


.pk-login-feature-card small {
    font-size:
        10px !important;

    line-height:
        1.35 !important;
}


/* ---------------------------------------------------------
   LOGIN SIDE
   --------------------------------------------------------- */

.pk-login-right {
    padding:
        28px
        34px !important;

    background:
        linear-gradient(
            180deg,
            #fbfdff 0%,
            #f6f9fd 100%
        ) !important;
}


.pk-login-card {
    width:
        min(100%, 500px) !important;

    padding:
        35px
        38px
        26px !important;

    border-radius:
        23px !important;

    border:
        1px solid #e5ebf4 !important;

    box-shadow:
        0 20px 52px rgba(31, 58, 96, .075) !important;
}


/* ---------------------------------------------------------
   HEADING
   --------------------------------------------------------- */

.pk-login-heading > span {
    color:
        #1765ce !important;

    font-size:
        10px !important;

    letter-spacing:
        1px !important;
}


.pk-login-heading h2 {
    margin:
        10px
        0
        6px !important;

    color:
        #17345e !important;

    font-size:
        clamp(31px, 2.5vw, 40px) !important;

    line-height:
        1.06 !important;

    letter-spacing:
        -1.3px !important;
}


.pk-login-heading p {
    margin-bottom:
        20px !important;

    color:
        #7b8ca1 !important;

    font-size:
        13px !important;
}


/* ---------------------------------------------------------
   INPUTS
   --------------------------------------------------------- */

.pk-login-field {
    margin-bottom:
        14px !important;
}


.pk-login-field label {
    margin-bottom:
        7px !important;

    color:
        #274261 !important;

    font-size:
        11.5px !important;
}


.pk-login-input {
    min-height:
        50px !important;

    padding:
        0
        13px !important;

    border-radius:
        11px !important;

    background:
        #fbfdff !important;
}


.pk-login-input input {
    height:
        48px !important;

    font-size:
        13.5px !important;

    color:
        #17345e !important;
}


.pk-login-input-icon {
    font-size:
        17px !important;
}


.pk-login-lock-icon,
.pk-login-lock-icon svg {
    width:
        17px !important;

    height:
        17px !important;
}


.pk-login-password-toggle {
    font-size:
        11px !important;

    color:
        #1765ce !important;
}


/* ---------------------------------------------------------
   REMEMBER ME
   --------------------------------------------------------- */

.pk-login-options {
    margin:
        3px
        0
        17px !important;
}


.pk-login-options label {
    font-size:
        11.5px !important;

    color:
        #728399 !important;
}


.pk-login-options input {
    width:
        15px !important;

    height:
        15px !important;
}


/* =========================================================
   FINAL SIGN IN BUTTON
   CLEAN PKORIX BLUE
   ========================================================= */

.pk-login-primary {
    position:
        relative !important;

    min-height:
        52px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    background:
        linear-gradient(
            100deg,
            #1769d7 0%,
            #0f57b8 100%
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 10px 23px rgba(15, 87, 184, .20) !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    overflow:
        hidden !important;
}


/* Remove previous large orange/brown gradient patch */

.pk-login-primary::before,
.pk-login-primary::after {
    display:
        none !important;
}


/* IMPORTANT:
   ensure Sign in wording always visible */

.pk-login-primary span {
    color:
        #ffffff !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


.pk-button-arrow {
    width:
        18px !important;

    height:
        18px !important;

    stroke:
        #ff8a21 !important;

    stroke-width:
        2.2 !important;

    position:
        relative !important;

    z-index:
        2 !important;
}


.pk-login-primary:hover {
    background:
        linear-gradient(
            100deg,
            #1d72e5 0%,
            #104fa5 100%
        ) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   TRY PKORIX FREE
   CLEAN BRAND ORANGE
   ========================================================= */

.pk-login-free-link {
    min-height:
        56px !important;

    padding:
        12px
        16px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    background:
        linear-gradient(
            100deg,
            #ff8125 0%,
            #f56a00 100%
        ) !important;

    box-shadow:
        0 9px 21px rgba(245, 106, 0, .16) !important;
}


.pk-login-free-link strong {
    color:
        #ffffff !important;

    font-size:
        13.5px !important;

    font-weight:
        800 !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


.pk-login-free-link small {
    margin-top:
        3px !important;

    color:
        rgba(255,255,255,.84) !important;

    font-size:
        9.5px !important;
}


.pk-free-arrow {
    width:
        19px !important;

    height:
        19px !important;

    stroke:
        #ffffff !important;
}


.pk-login-free-link:hover {
    background:
        linear-gradient(
            100deg,
            #ff8c31 0%,
            #eb6200 100%
        ) !important;

    transform:
        translateY(-1px) !important;
}


/* ---------------------------------------------------------
   DIVIDER
   --------------------------------------------------------- */

.pk-login-divider {
    margin:
        18px
        0
        14px !important;
}


.pk-login-divider::before {
    background:
        #e8edf4 !important;
}


.pk-login-divider span {
    color:
        #9aa7b7 !important;

    font-size:
        10px !important;
}


/* ---------------------------------------------------------
   SECURITY LINE
   --------------------------------------------------------- */

.pk-login-secure-note {
    margin-top:
        15px !important;

    gap:
        6px !important;

    color:
        #8796a8 !important;

    font-size:
        9.5px !important;

    font-weight:
        500 !important;
}


.pk-login-secure-note svg {
    width:
        14px !important;

    height:
        14px !important;

    stroke:
        #1765ce !important;
}


.pk-login-secure-note span {
    color:
        #8796a8 !important;

    font-weight:
        500 !important;
}


/* ---------------------------------------------------------
   REMOVE ANY LEFTOVER GLYPH PLACEHOLDERS
   --------------------------------------------------------- */

.pk-login-primary strong,
.pk-login-free-link > span {
    display:
        none !important;
}


/* ---------------------------------------------------------
   LAPTOP HEIGHT OPTIMIZATION
   --------------------------------------------------------- */

@media (min-width: 961px) and (max-height: 820px) {

    .pk-login-left-inner {
        padding-top:
            22px !important;
    }

    .pk-login-logo {
        width:
            min(100%, 325px) !important;
    }

    .pk-login-logo-wrap {
        margin-bottom:
            16px !important;
    }

    .pk-login-title span {
        font-size:
            44px !important;
    }

    .pk-login-title strong {
        font-size:
            42px !important;
    }

    .pk-login-feature-grid {
        margin-top:
            16px !important;
    }

    .pk-login-brand-pills {
        margin-top:
            14px !important;
    }

    .pk-login-right {
        padding-top:
            20px !important;

        padding-bottom:
            20px !important;
    }

    .pk-login-card {
        padding:
            29px
            35px
            22px !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 760px) {

    .pk-login-logo {
        width:
            min(100%, 300px) !important;
    }

    .pk-login-title span {
        font-size:
            39px !important;
    }

    .pk-login-title strong {
        font-size:
            37px !important;
    }

    .pk-login-card {
        padding:
            27px
            20px
            22px !important;
    }

}


/* PKORIX LOGIN FINAL V6 END */

/* PKORIX AUTH CYAN CTA START */

/* =========================================================
   PKORIX AUTH CTA
   SAME CYAN / TEAL COLOR FOR BOTH BUTTONS
   ========================================================= */

.pk-login-primary,
.pkauth-primary,
.signup-button {
    background:
        linear-gradient(
            100deg,
            #13b8d4 0%,
            #13c6d8 48%,
            #20d1df 100%
        ) !important;

    border:
        1px solid #13bdd1 !important;

    color:
        #ffffff !important;

    box-shadow:
        0 12px 26px rgba(19, 190, 211, .22) !important;
}


/* Sign in wording */

.pk-login-primary span,
.pk-login-primary strong,
.pkauth-primary span,
.signup-button span {
    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


/* Sign in arrow */

.pk-button-arrow {
    stroke:
        #ffffff !important;
}


/* =========================================================
   TRY PKORIX FREE
   SAME EXACT COLOR
   ========================================================= */

.pk-login-free-link,
.pkauth-free {
    background:
        linear-gradient(
            100deg,
            #13b8d4 0%,
            #13c6d8 48%,
            #20d1df 100%
        ) !important;

    border:
        1px solid #13bdd1 !important;

    color:
        #ffffff !important;

    box-shadow:
        0 12px 26px rgba(19, 190, 211, .20) !important;
}


.pk-login-free-link strong,
.pk-login-free-link small,
.pkauth-free strong,
.pkauth-free span {
    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


.pk-free-arrow {
    stroke:
        #ffffff !important;
}


/* Hover */

.pk-login-primary:hover,
.pkauth-primary:hover,
.signup-button:hover,
.pk-login-free-link:hover,
.pkauth-free:hover {
    background:
        linear-gradient(
            100deg,
            #10adc9 0%,
            #10bdd0 48%,
            #1bc9d8 100%
        ) !important;

    border-color:
        #10b7ca !important;

    transform:
        translateY(-1px);
}


/* Remove old orange/blue overlay from sign in */

.pk-login-primary::before,
.pk-login-primary::after {
    display:
        none !important;
}

/* PKORIX AUTH CYAN CTA END */


/* =========================================================
   PKORIX FINAL AUTH CTA COLOR
   Match "You Asked," blue
   ========================================================= */

.pk-login-primary,
.pkauth-primary,
.signup-button {
    background: #2169D8 !important;
    border-color: #2169D8 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(33, 105, 216, .20) !important;
}

.pk-login-primary span,
.pk-login-primary strong,
.pkauth-primary span,
.signup-button span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.pk-button-arrow {
    stroke: #ffffff !important;
}


/* TRY PKORIX FREE */

.pk-login-free-link,
.pkauth-free {
    background: #2169D8 !important;
    border-color: #2169D8 !important;
    color: #ffffff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}

.pk-login-free-link > div {
    width: 100% !important;
    text-align: center !important;
}

.pk-login-free-link strong,
.pk-login-free-link small,
.pkauth-free strong,
.pkauth-free span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-align: center !important;
}

.pk-free-arrow {
    position: absolute !important;
    right: 18px !important;
    stroke: #ffffff !important;
}


/* Hover */

.pk-login-primary:hover,
.pkauth-primary:hover,
.signup-button:hover,
.pk-login-free-link:hover,
.pkauth-free:hover {
    background: #1D5FC5 !important;
    border-color: #1D5FC5 !important;
}



/* PKORIX AUTH CTA FINAL - EARLIER CYAN */

.pk-login-primary,
.pkauth-primary,
.signup-button,
.pk-login-free-link,
.pkauth-free {
    background: linear-gradient(
        100deg,
        #13b8d4 0%,
        #13c6d8 50%,
        #20d1df 100%
    ) !important;

    border: 1px solid #13bdd1 !important;

    color: #ffffff !important;

    box-shadow:
        0 10px 24px rgba(19, 190, 211, .20) !important;
}

.pk-login-primary span,
.pk-login-primary strong,
.pk-login-free-link strong,
.pk-login-free-link small,
.pkauth-primary span,
.pkauth-free strong,
.pkauth-free span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.pk-login-primary::before,
.pk-login-primary::after {
    display: none !important;
}

.pk-login-free-link {
    position: relative !important;
    justify-content: center !important;
    text-align: center !important;
}

.pk-login-free-link > div {
    width: 100% !important;
    text-align: center !important;
}

.pk-button-arrow,
.pk-free-arrow {
    stroke: #ffffff !important;
}

.pk-free-arrow {
    position: absolute !important;
    right: 18px !important;
}

.pk-login-primary:hover,
.pkauth-primary:hover,
.signup-button:hover,
.pk-login-free-link:hover,
.pkauth-free:hover {
    background: linear-gradient(
        100deg,
        #10adc9 0%,
        #10bdd0 50%,
        #1bc9d8 100%
    ) !important;
}

/* PKORIX AUTH TEAL POLISH V7 START */

:root {
    --pk-auth-teal: #17bfd0;
    --pk-auth-teal-dark: #0da7b8;
    --pk-auth-teal-soft: #e9fafc;
    --pk-auth-text: #52677f;
}


/* =========================================================
   BRAND WORDING
   ========================================================= */

.pk-login-eyebrow {
    color: var(--pk-auth-teal-dark) !important;
    background: var(--pk-auth-teal-soft) !important;
    border-color: #cceff3 !important;
}

.pk-login-title span,
.pk-login-title strong {
    color: var(--pk-auth-teal) !important;
    -webkit-text-fill-color: var(--pk-auth-teal) !important;
}

.pk-login-heading > span {
    color: var(--pk-auth-teal) !important;
}

.pk-login-heading h2 {
    color: var(--pk-auth-teal-dark) !important;
}

.pk-login-field label {
    color: var(--pk-auth-teal-dark) !important;
}

.pk-login-password-toggle {
    color: var(--pk-auth-teal-dark) !important;
}

.pk-login-secure-note svg {
    stroke: var(--pk-auth-teal) !important;
}


/* Keep descriptions readable */

.pk-login-subtitle,
.pk-login-heading p,
.pk-login-feature-card small,
.pk-login-options label,
.pk-login-secure-note,
.pk-login-secure-note span {
    color: var(--pk-auth-text) !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.pk-login-input {
    border-color: #d8e9ed !important;
    background: #fbfeff !important;
}

.pk-login-input:focus-within {
    border-color: var(--pk-auth-teal) !important;
    box-shadow: 0 0 0 4px rgba(23, 191, 208, .11) !important;
}

.pk-login-input-icon,
.pk-login-lock-icon svg {
    color: #7e9ba5 !important;
    stroke: #7e9ba5 !important;
}


/* =========================================================
   MODULE CARDS
   ========================================================= */

.pk-login-feature-grid {
    gap: 14px !important;
}

.pk-login-feature-card {
    min-height: 100px !important;
    padding: 17px 18px !important;
    border: 1px solid #e5eef1 !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    box-shadow: 0 9px 25px rgba(23, 91, 108, .055) !important;
}

.pk-login-feature-card:hover {
    transform: translateY(-2px);
    border-color: #cfe8ec !important;
    box-shadow: 0 13px 30px rgba(23, 91, 108, .085) !important;
}

.pk-login-feature-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    border-radius: 14px !important;
}

.pk-login-feature-icon svg {
    width: 24px !important;
    height: 24px !important;
}


/* Sales */

.pk-login-feature-icon.blue {
    color: #2f80ed !important;
    background: #eaf3ff !important;
}


/* Purchase */

.pk-login-feature-icon.orange {
    color: #ff7a18 !important;
    background: #fff0e4 !important;
}


/* Inventory */

.pk-login-feature-icon.teal {
    color: #10aa8d !important;
    background: #e7faf6 !important;
}


/* Reports */

.pk-login-feature-icon.navy {
    color: #855ce6 !important;
    background: #f1ecff !important;
}


.pk-login-feature-card strong {
    color: var(--pk-auth-teal-dark) !important;
    font-weight: 800 !important;
}


/* =========================================================
   SMALL BUSINESS PILLS
   ========================================================= */

.pk-login-brand-pills span {
    color: var(--pk-auth-teal-dark) !important;
    border-color: #d7ecef !important;
    background: #ffffff !important;
}


/* =========================================================
   BUTTONS ? KEEP CURRENT CYAN/TEAL
   ========================================================= */

.pk-login-primary,
.pk-login-free-link {
    background:
        linear-gradient(
            100deg,
            #13b8d4 0%,
            #13c6d8 50%,
            #20d1df 100%
        ) !important;

    border: 1px solid #13bdd1 !important;
    color: #ffffff !important;

    box-shadow:
        0 11px 25px rgba(19, 190, 211, .20) !important;
}

.pk-login-primary span,
.pk-login-free-link strong,
.pk-login-free-link small {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Keep Try pKorix Free perfectly centered */

.pk-login-free-link {
    position: relative !important;
    justify-content: center !important;
    text-align: center !important;
}

.pk-login-free-link > div {
    width: 100% !important;
    text-align: center !important;
}

.pk-free-arrow {
    position: absolute !important;
    right: 19px !important;
    stroke: #ffffff !important;
}


/* =========================================================
   RIGHT CARD
   ========================================================= */

.pk-login-card {
    border-color: #e1edf0 !important;

    box-shadow:
        0 22px 55px rgba(28, 70, 88, .085) !important;
}


.pk-login-right {
    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(23, 191, 208, .045),
            transparent 34%
        ),
        #fbfdfe !important;
}


/* Left subtle glow */

.pk-login-left {
    background:
        radial-gradient(
            circle at 74% 40%,
            rgba(23, 191, 208, .055),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #ffffff,
            #fbfdff
        ) !important;
}


/* PKORIX AUTH TEAL POLISH V7 END */

/* PKORIX AUTH LUXURY V8 START */

:root {
    --pk-luxury-black: #111827;
    --pk-luxury-black-soft: #263446;

    --pk-cyan: #17bfd0;
    --pk-cyan-dark: #0da7b8;
    --pk-cyan-soft: #ebfafc;

    --pk-muted: #718096;
}


/* =========================================================
   PAGE
   ========================================================= */

.pk-login-left {
    background:
        radial-gradient(
            circle at 76% 40%,
            rgba(23,191,208,.055),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdfe 100%
        ) !important;
}


.pk-login-right {
    background:
        linear-gradient(
            180deg,
            #fcfeff 0%,
            #f7fbfc 100%
        ) !important;
}


/* =========================================================
   LEFT BRANDING
   ========================================================= */

.pk-login-eyebrow {
    color: var(--pk-cyan-dark) !important;

    background:
        var(--pk-cyan-soft) !important;

    border-color:
        #cdeef2 !important;
}


/* YOU ASKED = CYAN */

.pk-login-title span {
    color:
        var(--pk-cyan) !important;

    -webkit-text-fill-color:
        var(--pk-cyan) !important;
}


/* WE BUILT = LUXURY BLACK */

.pk-login-title strong {
    color:
        var(--pk-luxury-black) !important;

    -webkit-text-fill-color:
        var(--pk-luxury-black) !important;
}


.pk-login-subtitle {
    color:
        var(--pk-muted) !important;
}


/* =========================================================
   BENEFIT PILLS
   ========================================================= */

.pk-login-brand-pills span {
    color:
        var(--pk-luxury-black-soft) !important;

    background:
        #ffffff !important;

    border:
        1px solid #dcebed !important;

    box-shadow:
        0 4px 12px rgba(17,24,39,.025) !important;
}


/* =========================================================
   MODULE CARDS
   ========================================================= */

.pk-login-feature-card {
    background:
        #ffffff !important;

    border:
        1px solid #e5ecef !important;

    box-shadow:
        0 10px 28px rgba(17,24,39,.055) !important;
}


.pk-login-feature-card:hover {
    border-color:
        #cae9ed !important;

    box-shadow:
        0 15px 34px rgba(17,24,39,.085) !important;

    transform:
        translateY(-2px);
}


/* MODULE TITLES BLACK */

.pk-login-feature-card strong {
    color:
        var(--pk-luxury-black) !important;

    -webkit-text-fill-color:
        var(--pk-luxury-black) !important;
}


.pk-login-feature-card small {
    color:
        var(--pk-muted) !important;
}


/* Keep module symbols colorful */

.pk-login-feature-icon.blue {
    color:
        #2f80ed !important;

    background:
        #eaf3ff !important;
}


.pk-login-feature-icon.orange {
    color:
        #ff7417 !important;

    background:
        #fff0e4 !important;
}


.pk-login-feature-icon.teal {
    color:
        #10a98d !important;

    background:
        #e6faf5 !important;
}


.pk-login-feature-icon.navy {
    color:
        #8059df !important;

    background:
        #f0ebff !important;
}


/* =========================================================
   LOGIN CARD
   ========================================================= */

.pk-login-card {
    background:
        rgba(255,255,255,.98) !important;

    border:
        1px solid #e2ecef !important;

    box-shadow:
        0 26px 65px rgba(17,24,39,.095) !important;
}


/* Welcome back = cyan */

.pk-login-heading > span {
    color:
        var(--pk-cyan) !important;
}


/* Main sign in heading = BLACK */

.pk-login-heading h2 {
    color:
        var(--pk-luxury-black) !important;

    -webkit-text-fill-color:
        var(--pk-luxury-black) !important;
}


.pk-login-heading p {
    color:
        var(--pk-muted) !important;
}


/* =========================================================
   FORM
   ========================================================= */

.pk-login-field label {
    color:
        var(--pk-luxury-black) !important;

    -webkit-text-fill-color:
        var(--pk-luxury-black) !important;
}


.pk-login-input {
    background:
        #fbfdfe !important;

    border:
        1px solid #dae7ea !important;
}


.pk-login-input:focus-within {
    background:
        #ffffff !important;

    border-color:
        var(--pk-cyan) !important;

    box-shadow:
        0 0 0 4px rgba(23,191,208,.11) !important;
}


.pk-login-input input {
    color:
        var(--pk-luxury-black) !important;

    -webkit-text-fill-color:
        var(--pk-luxury-black) !important;
}


.pk-login-password-toggle {
    color:
        var(--pk-cyan-dark) !important;
}


.pk-login-options label {
    color:
        #64748b !important;
}


/* =========================================================
   BOTH CTA BUTTONS
   CURRENT APPROVED CYAN
   ========================================================= */

.pk-login-primary,
.pk-login-free-link {
    background:
        linear-gradient(
            100deg,
            #13b8d4 0%,
            #13c6d8 50%,
            #20d1df 100%
        ) !important;

    border:
        1px solid #13bdd1 !important;

    color:
        #ffffff !important;

    box-shadow:
        0 12px 27px rgba(19,190,211,.21) !important;
}


.pk-login-primary span,
.pk-login-primary strong,
.pk-login-free-link strong {
    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


.pk-login-primary:hover,
.pk-login-free-link:hover {
    background:
        linear-gradient(
            100deg,
            #10aec8 0%,
            #10bdcf 50%,
            #19c8d7 100%
        ) !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   TRY PKORIX FREE
   ONLY ONE CENTERED LINE
   ========================================================= */

.pk-login-free-link {
    position:
        relative !important;

    min-height:
        57px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;
}


.pk-login-free-link > div {
    width:
        100% !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;
}


.pk-login-free-link strong {
    display:
        block !important;

    margin:
        0 !important;

    font-size:
        14px !important;

    text-align:
        center !important;
}


.pk-login-free-link small {
    display:
        none !important;
}


.pk-free-arrow {
    position:
        absolute !important;

    right:
        20px !important;

    stroke:
        #ffffff !important;
}


/* =========================================================
   DIVIDER + SECURITY
   ========================================================= */

.pk-login-divider::before {
    background:
        #e5ecef !important;
}


.pk-login-divider span {
    color:
        #98a5b3 !important;
}


.pk-login-secure-note {
    color:
        #77889a !important;
}


.pk-login-secure-note span {
    color:
        #77889a !important;
}


.pk-login-secure-note svg {
    stroke:
        var(--pk-cyan) !important;
}


/* PKORIX AUTH LUXURY V8 END */