body {
    font-family: Inter, sans-serif;
}

.hero-wave {
    background: radial-gradient(1200px 600px at -10% 100%, rgba(255,255,255,.10), transparent 60%), radial-gradient(900px 500px at 110% 10%, rgba(255,255,255,.08), transparent 55%), linear-gradient(180deg, #2f66db 0%, #304ec8 100%);
    position: relative;
    overflow: hidden;
}

    .hero-wave::before,
    .hero-wave::after {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .22;
        background-repeat: no-repeat;
        background-size: cover;
        pointer-events: none;
    }

    .hero-wave::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='900' viewBox='0 0 1200 900' fill='none'><path d='M-34 145C84 101 202 92 320 145C438 198 556 189 674 145C792 101 910 92 1028 145C1146 198 1264 189 1382 145' stroke='white' stroke-opacity='0.28' stroke-width='4'/><path d='M-44 198C74 154 192 145 310 198C428 251 546 242 664 198C782 154 900 145 1018 198C1136 251 1254 242 1372 198' stroke='white' stroke-opacity='0.25' stroke-width='4'/><path d='M-20 260C98 216 216 207 334 260C452 313 570 304 688 260C806 216 924 207 1042 260C1160 313 1278 304 1396 260' stroke='white' stroke-opacity='0.24' stroke-width='4'/><path d='M-60 336C58 292 176 283 294 336C412 389 530 380 648 336C766 292 884 283 1002 336C1120 389 1238 380 1356 336' stroke='white' stroke-opacity='0.22' stroke-width='4'/><path d='M-16 430C102 386 220 377 338 430C456 483 574 474 692 430C810 386 928 377 1046 430C1164 483 1282 474 1400 430' stroke='white' stroke-opacity='0.20' stroke-width='4'/><path d='M-64 520C54 476 172 467 290 520C408 573 526 564 644 520C762 476 880 467 998 520C1116 573 1234 564 1352 520' stroke='white' stroke-opacity='0.18' stroke-width='4'/></svg>");
    }

    .hero-wave::after {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='900' viewBox='0 0 1200 900' fill='none'><path d='M-44 645C74 601 192 592 310 645C428 698 546 689 664 645C782 601 900 592 1018 645C1136 698 1254 689 1372 645' stroke='white' stroke-opacity='0.18' stroke-width='4'/><path d='M-10 710C108 666 226 657 344 710C462 763 580 754 698 710C816 666 934 657 1052 710C1170 763 1288 754 1406 710' stroke='white' stroke-opacity='0.15' stroke-width='4'/></svg>");
    }

[x-cloak] {
    display: none !important;
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-34px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(34px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-slide-in-left {
    animation: slideInLeft .35s ease-out;
}

.animate-slide-in-right {
    animation: slideInRight .35s ease-out;
}