:root {
    --issolutec-blue: #0ea5c6;
    --iss-launcher-comercial: var(--issolutec-blue);
    --iss-launcher-comercial-bg: rgba(14, 165, 198, .15);
    --iss-launcher-comercial-border: rgba(14, 165, 198, .32);
    --iss-launcher-comercial-glow: rgba(14, 165, 198, .28);
    --iss-launcher-clientes: #3ad0bb;
    --iss-launcher-clientes-bg: rgba(45, 212, 191, .14);
    --iss-launcher-clientes-border: rgba(45, 212, 191, .32);
    --iss-launcher-clientes-glow: rgba(45, 212, 191, .24);
    --iss-launcher-gestao: #f2955f;
    --iss-launcher-gestao-bg: rgba(240, 146, 92, .15);
    --iss-launcher-gestao-border: rgba(240, 146, 92, .32);
    --iss-launcher-gestao-glow: rgba(240, 146, 92, .24);
    --iss-launcher-suporte: #a688f7;
    --iss-launcher-suporte-bg: rgba(139, 92, 246, .16);
    --iss-launcher-suporte-border: rgba(139, 92, 246, .32);
    --iss-launcher-suporte-glow: rgba(139, 92, 246, .26);
    --iss-launcher-config: #f4b64a;
    --iss-launcher-config-bg: rgba(245, 158, 11, .14);
    --iss-launcher-config-border: rgba(245, 158, 11, .30);
}

.iss-launcher {
    margin-inline: auto;
    max-width: 1560px;
    padding-block: .5rem 1.5rem;
}

.iss-launcher-eyebrow {
    font-size: .875rem;
    font-weight: 600;
}

.iss-launcher-title {
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: -.02em;
    margin-block: .3rem .35rem;
}

.iss-launcher-subtitle {
    font-size: .9rem;
}

.iss-launcher-grid {
    display: grid;
    gap: 1.35rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-top: 2.25rem;
    max-width: 1320px;
}

.iss-launcher-card,
.iss-launcher-back {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    font: inherit;
    text-align: inherit;
}

.iss-launcher-card {
    background: linear-gradient(158deg, #152743 0%, #101d33 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 196px;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    text-align: start;
    transition: transform .28s cubic-bezier(.2, .7, .3, 1);
}

.iss-launcher-card:hover {
    transform: translateY(-5px);
}

.iss-launcher-card-glow {
    background: radial-gradient(circle, var(--iss-launcher-glow, transparent), transparent 70%);
    border-radius: 999px;
    height: 150px;
    pointer-events: none;
    position: absolute;
    right: -30px;
    top: -40px;
    width: 150px;
}

.iss-launcher-card-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.iss-launcher-card-icon {
    align-items: center;
    background: var(--iss-launcher-bg);
    border: 1px solid var(--iss-launcher-border);
    border-radius: 15px;
    color: var(--iss-launcher-accent);
    display: flex;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.iss-launcher-card-badge {
    background: rgba(255, 255, 255, .05);
    border-radius: 999px;
    color: #c8d5e3;
    font-size: .68rem;
    font-weight: 600;
    padding: .3rem .6rem;
}

.iss-launcher-card-bottom {
    position: relative;
}

.iss-launcher-card-title {
    color: #f4f8ff;
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
}

.iss-launcher-card-description {
    color: #8ba3c4;
    display: block;
    font-size: .84rem;
    margin-top: .2rem;
}

.iss-launcher-accent-comercial {
    --iss-launcher-accent: var(--iss-launcher-comercial);
    --iss-launcher-bg: var(--iss-launcher-comercial-bg);
    --iss-launcher-border: var(--iss-launcher-comercial-border);
    --iss-launcher-glow: var(--iss-launcher-comercial-glow);
}

.iss-launcher-accent-clientes {
    --iss-launcher-accent: var(--iss-launcher-clientes);
    --iss-launcher-bg: var(--iss-launcher-clientes-bg);
    --iss-launcher-border: var(--iss-launcher-clientes-border);
    --iss-launcher-glow: var(--iss-launcher-clientes-glow);
}

.iss-launcher-accent-gestao {
    --iss-launcher-accent: var(--iss-launcher-gestao);
    --iss-launcher-bg: var(--iss-launcher-gestao-bg);
    --iss-launcher-border: var(--iss-launcher-gestao-border);
    --iss-launcher-glow: var(--iss-launcher-gestao-glow);
}

.iss-launcher-accent-suporte {
    --iss-launcher-accent: var(--iss-launcher-suporte);
    --iss-launcher-bg: var(--iss-launcher-suporte-bg);
    --iss-launcher-border: var(--iss-launcher-suporte-border);
    --iss-launcher-glow: var(--iss-launcher-suporte-glow);
}

.iss-launcher-accent-config {
    --iss-launcher-accent: var(--iss-launcher-config);
    --iss-launcher-bg: var(--iss-launcher-config-bg);
    --iss-launcher-border: var(--iss-launcher-config-border);
}

.iss-launcher-config {
    margin-top: 2.5rem;
    max-width: 1320px;
}

.iss-launcher-config-header {
    align-items: center;
    display: flex;
    gap: .95rem;
    margin-bottom: 1.5rem;
}

.iss-launcher-config-icon {
    align-items: center;
    background: var(--iss-launcher-bg);
    border: 1px solid var(--iss-launcher-border);
    border-radius: 16px;
    color: var(--iss-launcher-accent);
    display: flex;
    flex-shrink: 0;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.iss-launcher-config-title {
    font-size: 1.3rem;
    font-weight: 700;
}

.iss-launcher-config-subtitle {
    font-size: .84rem;
    margin-top: .2rem;
}

.iss-launcher-module-nav {
    align-items: center;
    display: flex;
    gap: 1rem;
}

.iss-launcher-back {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 11px;
    color: #c3d4ec;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 600;
    gap: .45rem;
    padding: .55rem .9rem .55rem .75rem;
    transition: background .2s ease;
}

.iss-launcher-back:hover {
    background: rgba(255, 255, 255, .09);
}

.iss-launcher-breadcrumb {
    font-size: .82rem;
}

.iss-launcher-module-header {
    align-items: center;
    display: flex;
    gap: .95rem;
    margin-block: 1.5rem 2rem;
}

.iss-launcher-module-icon {
    align-items: center;
    background: var(--iss-launcher-bg);
    border: 1px solid var(--iss-launcher-border);
    border-radius: 18px;
    color: var(--iss-launcher-accent);
    display: flex;
    flex-shrink: 0;
    height: 62px;
    justify-content: center;
    width: 62px;
}

.iss-launcher-module-title {
    font-size: 1.6rem;
    font-weight: 700;
}

.iss-launcher-module-subtitle {
    font-size: .88rem;
}

.iss-launcher-section-label {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .1em;
    margin-block: 1.5rem .6rem;
    text-transform: uppercase;
}

.iss-launcher-options {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
    max-width: 1320px;
}

.iss-launcher-options-config {
    margin-bottom: .5rem;
}

.iss-launcher-option {
    align-items: flex-start;
    background: rgba(255, 255, 255, .028);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    display: flex;
    gap: .9rem;
    padding: 1.15rem;
    transition: background .22s ease, border-color .22s ease, transform .22s ease;
}

.iss-launcher-option:hover {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .16);
    transform: translateY(-3px);
}

.iss-launcher-option-icon {
    align-items: center;
    background: var(--iss-launcher-bg);
    border: 1px solid var(--iss-launcher-border);
    border-radius: 12px;
    color: var(--iss-launcher-accent);
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.iss-launcher-option-text {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.iss-launcher-option-title {
    color: #eef4ff;
    font-size: .95rem;
    font-weight: 600;
}

.iss-launcher-option-description {
    color: #8397b6;
    font-size: .78rem;
    line-height: 1.45;
    margin-top: .15rem;
}

.iss-launcher-option-arrow {
    color: #5f789b;
    flex-shrink: 0;
    margin-top: .2rem;
}

.fi-topbar .fi-logo,
.fi-simple-header .fi-logo {
    border-radius: 0;
    object-fit: contain;
    width: auto;
    max-width: 10.5rem;
}

.fi-topbar {
    border-bottom: 1px solid rgba(148, 163, 184, .18);
}

.fi-simple-layout {
    --cursor-x: 50%;
    --cursor-y: 50%;
    background:
        radial-gradient(circle at var(--cursor-x) var(--cursor-y), rgba(56, 199, 232, .2), transparent 18rem),
        radial-gradient(circle at 18% 18%, rgba(14, 165, 198, .2), transparent 26rem),
        radial-gradient(circle at 78% 20%, rgba(56, 189, 248, .12), transparent 30rem),
        radial-gradient(circle at 50% 92%, rgba(10, 76, 115, .32), transparent 34rem),
        linear-gradient(135deg, #030814 0%, #071827 44%, #020610 100%);
    overflow: hidden;
    position: relative;
}

.fi-simple-layout::before,
.fi-simple-layout::after {
    content: "";
    inset: -12%;
    pointer-events: none;
    position: absolute;
}

.fi-simple-layout::before {
    animation: issolutec-neural-drift 42s linear infinite;
    background-image: url("data:image/svg+xml,%3Csvg width='620' height='420' viewBox='0 0 620 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2327afd0' stroke-opacity='.35' stroke-width='1'%3E%3Cpath d='M54 92 168 54 278 110 390 68 520 132'/%3E%3Cpath d='M92 256 202 210 315 272 438 226 560 306'/%3E%3Cpath d='M168 54 202 210 278 110 315 272 390 68 438 226 520 132'/%3E%3Cpath d='M54 92 92 256 202 210 278 110 438 226'/%3E%3C/g%3E%3Cg fill='%2338c7e8' fill-opacity='.72'%3E%3Ccircle cx='54' cy='92' r='3.5'/%3E%3Ccircle cx='168' cy='54' r='4'/%3E%3Ccircle cx='278' cy='110' r='3.5'/%3E%3Ccircle cx='390' cy='68' r='4'/%3E%3Ccircle cx='520' cy='132' r='3.5'/%3E%3Ccircle cx='92' cy='256' r='4'/%3E%3Ccircle cx='202' cy='210' r='3.5'/%3E%3Ccircle cx='315' cy='272' r='4'/%3E%3Ccircle cx='438' cy='226' r='3.5'/%3E%3Ccircle cx='560' cy='306' r='4'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 680px 460px;
    filter: drop-shadow(0 0 10px rgba(39, 175, 208, .3));
    opacity: .34;
}

.fi-simple-layout::after {
    animation: issolutec-neural-pulse 22s ease-in-out infinite alternate;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .7) 0 1px, transparent 1.6px),
        radial-gradient(circle at 72% 28%, rgba(255, 255, 255, .55) 0 1px, transparent 1.8px),
        radial-gradient(circle at 44% 64%, rgba(125, 211, 252, .5) 0 1.5px, transparent 2.4px),
        radial-gradient(circle at 88% 76%, rgba(255, 255, 255, .48) 0 1px, transparent 1.7px),
        radial-gradient(circle at 30% 84%, rgba(56, 199, 232, .42) 0 1.4px, transparent 2.3px),
        radial-gradient(ellipse at 52% 42%, rgba(14, 165, 198, .18), transparent 34rem),
        linear-gradient(115deg, transparent 0 17%, rgba(56, 199, 232, .12) 17.2%, transparent 17.7% 46%, rgba(125, 211, 252, .08) 46.2%, transparent 46.7%);
    background-size: 180px 130px, 260px 190px, 220px 170px, 310px 230px, 370px 270px, 100% 100%, 560px 390px;
    opacity: .66;
}

.fi-simple-layout > * {
    position: relative;
    z-index: 1;
}

.fi-simple-main {
    backdrop-filter: blur(14px);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
    position: relative;
    z-index: 1;
}

.fi-simple-header {
    margin-bottom: 1.75rem;
}

.fi-simple-header-heading {
    color: #eaf7fb;
    font-weight: 800;
}

.fi-simple-header-subheading {
    color: #9fb5c8;
}

.fi-btn-color-primary {
    box-shadow: 0 10px 24px rgba(14, 165, 198, .18);
}

.dark .fi-body {
    background: #07111d;
}

html:not(.dark) .fi-body,
html:not(.dark) .fi-layout,
html:not(.dark) .fi-main,
html:not(.dark) .fi-page,
html:not(.dark) .fi-page-content {
    background: #f7f9fc !important;
}

html:not(.dark) .fi-topbar {
    background: #ffffff !important;
}

.dark .iss-launcher-eyebrow {
    color: #3ea0ff;
}

html:not(.dark) .iss-launcher-eyebrow {
    color: #036985;
}

.dark .iss-launcher-title,
.dark .iss-launcher-module-title {
    color: #f4f8ff;
}

html:not(.dark) .iss-launcher-title,
html:not(.dark) .iss-launcher-module-title {
    color: #0b1f2e;
}

.dark .iss-launcher-subtitle,
.dark .iss-launcher-module-subtitle {
    color: #8ba3c4;
}

html:not(.dark) .iss-launcher-subtitle,
html:not(.dark) .iss-launcher-module-subtitle {
    color: #4c5f75;
}

.dark .iss-launcher-breadcrumb,
.dark .iss-launcher-section-label {
    color: #7f97b8;
}

html:not(.dark) .iss-launcher-breadcrumb,
html:not(.dark) .iss-launcher-section-label {
    color: #5b6d82;
}

.dark .iss-launcher-config-title {
    color: #f4f8ff;
}

html:not(.dark) .iss-launcher-config-title {
    color: #0b1f2e;
}

.dark .iss-launcher-config-subtitle {
    color: #8ba3c4;
}

html:not(.dark) .iss-launcher-config-subtitle {
    color: #4c5f75;
}

html:not(.dark) .iss-launcher-option {
    background: rgba(16, 32, 51, .035);
    border-color: rgba(16, 32, 51, .10);
}

html:not(.dark) .iss-launcher-option:hover {
    background: rgba(16, 32, 51, .06);
    border-color: rgba(16, 32, 51, .16);
}

html:not(.dark) .iss-launcher-option-title {
    color: #102033;
}

html:not(.dark) .iss-launcher-option-description {
    color: #52657a;
}

html:not(.dark) .iss-launcher-option-arrow {
    color: #3d4f63;
}

html:not(.dark) .iss-launcher-back {
    background: rgba(16, 32, 51, .035);
    border-color: rgba(16, 32, 51, .12);
    color: #1c2b3d;
}

html:not(.dark) .iss-launcher-back:hover {
    background: rgba(16, 32, 51, .07);
}

@keyframes issolutec-neural-drift {
    0% {
        transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1);
    }

    50% {
        transform: translate3d(2%, 3%, 0) rotate(1deg) scale(1.04);
    }

    100% {
        transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1);
    }
}

@keyframes issolutec-neural-pulse {
    0% {
        opacity: .32;
        transform: translate3d(0, 0, 0) scale(1);
    }

    100% {
        opacity: .68;
        transform: translate3d(-2%, 2%, 0) scale(1.06);
    }
}

@media (prefers-reduced-motion: reduce) {
    .fi-simple-layout::before,
    .fi-simple-layout::after {
        animation: none;
    }
}
