<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.ai-panel {
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

    .ai-panel .ai-panel-blob {
        position: absolute;
        border-radius: 50%;
        width: 750px;
        height: 750px;
        filter: blur(80px);
        z-index: 0;
        animation-timing-function: ease-in-out;
    }

    .ai-panel .ai-panel-blob-1 {
        background: radial-gradient(circle at center, rgba(134, 106, 234, 0.4), rgba(134, 106, 234, 0));
        top: -30%;
        left: 10%;
        animation: moveAIPanelBlob1 6s infinite alternate;
    }

    .ai-panel .ai-panel-blob-2 {
        background: radial-gradient(circle at center, rgba(0, 180, 216, 0.4), rgba(0, 180, 216, 0));
        top: 0%;
        left: 70%;
        animation: moveAIPanelBlob2 5s infinite alternate-reverse;
    }

    .ai-panel .ai-panel-blob-3 {
        background: radial-gradient(circle at center, rgba(255, 149, 0, 0.4), rgba(255, 149, 0, 0));
        top: 50%;
        left: -10%;
        animation: moveAIPanelBlob3 7s infinite alternate;
    }

    .ai-panel .ai-panel-blob-4 {
        background: radial-gradient(circle at center, rgba(255, 204, 112, 0.4), rgba(255, 204, 112, 0));
        top: 70%;
        left: 40%;
        animation: moveAIPanelBlob4 8s infinite alternate-reverse;
    }

    .ai-panel .ai-panel-blob-5 {
        background: radial-gradient(circle at center, rgba(255, 153, 204, 0.4), rgba(255, 153, 204, 0));
        top: 20%;
        left: 85%;
        animation: moveAIPanelBlob5 4s infinite alternate;
    }

@keyframes moveAIPanelBlob1 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(200px, 100px) scale(1.1);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

@keyframes moveAIPanelBlob2 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-150px, 300px) scale(1.2);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

@keyframes moveAIPanelBlob3 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(250px, -200px) scale(1.15);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

@keyframes moveAIPanelBlob4 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-100px, -100px) scale(1.1);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

@keyframes moveAIPanelBlob5 {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-300px, 100px) scale(1.2);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

.ai-badge {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 999px;
    background: #0f0f1f;
    color: white;
    font-weight: 600;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    z-index: 0;
    font-size: 12pt;
    text-align: center;
    border: 0px !important;
}

a.ai-badge:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

a.ai-badge:active {
    box-shadow: none;
}

.ai-badge .ai-badge-blob {
    position: absolute;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    filter: blur(40px);
    opacity: 0.75;
    z-index: -1;
}

.ai-badge .ai-badge-blob-1 {
    background: rgba(255, 95, 109, 0.8); /* red-pink */
    top: -10%;
    left: -10%;
    animation: moveAIBadgeBlob1 7s infinite ease-in-out alternate;
}

.ai-badge .ai-badge-blob-2 {
    background: rgba(72, 219, 251, 0.8); /* blue */
    top: 10%;
    left: -10%;
    animation: moveAIBadgeBlob2 7.5s infinite ease-in-out alternate;
}

.ai-badge .ai-badge-blob-3 {
    background: rgba(156, 39, 176, 0.8); /* purple */
    top: 10%;
    left: 10%;
    animation: moveAIBadgeBlob3 6.5s infinite ease-in-out alternate;
}

@keyframes moveAIBadgeBlob1 {
    0% {
        transform: scale(1) translate(0, 0);
    }

    50% {
        transform: scale(2) translate(90%, 35%);
    }

    100% {
        transform: scale(1) translate(0, 0);
    }
}

@keyframes moveAIBadgeBlob2 {
    0% {
        transform: scale(1) translate(0, 0);
    }

    50% {
        transform: scale(2) translate(80%, -50%);
    }

    100% {
        transform: scale(1) translate(0, 0);
    }
}

@keyframes moveAIBadgeBlob3 {
    0% {
        transform: scale(1) translate(0, 0);
    }

    50% {
        transform: scale(2) translate(90%, 35%);
    }

    100% {
        transform: scale(1) translate(0, 0);
    }
}

.ai-text {
    display: inline-block;
    position: relative;
}

    .ai-text span {
        display: inline-block;
        background: radial-gradient(circle at 20% 20%, rgba(0, 120, 200, 0.9), transparent 60%), radial-gradient(circle at 80% 30%, rgba(0, 150, 100, 0.9), transparent 60%), radial-gradient(circle at 50% 70%, rgba(200, 80, 0, 0.9), transparent 60%), radial-gradient(circle at 35% 75%, rgba(160, 0, 100, 0.9), transparent 60%), radial-gradient(circle at 60% 60%, rgba(104, 78, 205, 0.9), transparent 60%), radial-gradient(circle at 25% 80%, rgba(128, 44, 200, 0.9), transparent 60%), radial-gradient(circle at 70% 20%, rgba(60, 0, 100, 0.9), transparent 60%);
        background-size: 400% 400%;
        background-repeat: no-repeat;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        animation: animateBlobsText 6s ease-in-out infinite;
    }

@keyframes animateBlobsText {
    0% {
        background-position: 50% 50%;
    }

    25% {
        background-position: 30% 60%;
    }

    50% {
        background-position: 70% 40%;
    }

    75% {
        background-position: 40% 70%;
    }

    100% {
        background-position: 50% 50%;
    }
}

.ai-hr {
    position: relative;
    height: 6px;
    border: none;
    border-radius: 999px;
    overflow: hidden;
    background: #0f0f1f;
    z-index: 0;
    margin: 2rem 0;
}

    .ai-hr::before {
        content: "";
        position: absolute;
        inset: -50%;
        z-index: -1;
        background: radial-gradient(circle at 20% 40%, rgba(255, 95, 109, 0.75), transparent 60%), radial-gradient(circle at 50% 60%, rgba(72, 219, 251, 0.6), transparent 60%), radial-gradient(circle at 80% 50%, rgba(134, 106, 234, 0.6), transparent 60%);
        /*filter: blur(40px);*/
        animation: moveAIHRBlobs 4s ease-in-out infinite alternate;
        background-size: 300% 300%;
        background-repeat: no-repeat;
    }

@keyframes moveAIHRBlobs {
    0% {
        background-position: 30% 30%;
        transform: scale(1);
    }

    50% {
        background-position: 70% 60%;
        transform: scale(1.2);
    }

    100% {
        background-position: 40% 20%;
        transform: scale(1);
    }
}

.ai-card {
    position: relative;
    overflow: hidden;
    background-image: none !important;
    ;
    background: #0f0f1f;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    z-index: 0;
    isolation: isolate;
}

    .ai-card::before {
        content: "";
        position: absolute;
        inset: -50%;
        z-index: -1;
        background: radial-gradient(circle at 20% 40%, rgba(255, 95, 109, 0.75), transparent 60%), radial-gradient(circle at 50% 60%, rgba(72, 219, 251, 0.6), transparent 60%), radial-gradient(circle at 80% 50%, rgba(134, 106, 234, 0.6), transparent 60%);
        filter: blur(60px);
        background-size: 300% 300%;
        background-repeat: no-repeat;
        animation: moveAIHRBlobs 4s ease-in-out infinite alternate;
        pointer-events: none;
        border-radius: inherit;
    }

.ai-card-glass {
    position: relative;
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.ai-form-control {
    border: 1px solid #5d225e !important;
}
</pre></body></html>