.wonapde-home-intro::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -18%;
    pointer-events: none;
    opacity: 0.16;
    background-image:
        radial-gradient(circle at 18% 28%, rgba(255, 183, 0, 0.75) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 62%, rgba(255, 255, 255, 0.65) 0 1px, transparent 2px),
        repeating-linear-gradient(18deg, transparent 0 34px, rgba(255, 255, 255, 0.16) 35px, transparent 36px),
        repeating-linear-gradient(102deg, transparent 0 48px, rgba(124, 211, 255, 0.14) 49px, transparent 50px);
    background-size: 150px 150px, 110px 110px, 100% 100%, 100% 100%;
    transform: translate3d(-1.5%, -1%, 0) scale(1.03);
    animation: wonapdeMathDrift 22s ease-in-out infinite alternate;
    will-change: transform, background-position;
}

.wonapde-home-intro__body {
    position: relative;
    z-index: 1;
}

@keyframes wonapdeMathDrift {
    0% {
        background-position: 0 0, 20px 10px, 0 0, 0 0;
        transform: translate3d(-1.5%, -1%, 0) scale(1.03);
    }
    100% {
        background-position: 38px 22px, -18px 30px, 24px 12px, -20px 16px;
        transform: translate3d(1.5%, 1%, 0) scale(1.03);
    }
}


html.wonapde-motion-ready .wonapde-home-intro.wonapde-motion-target:not(.is-motion-visible),
html.wonapde-motion-ready .wonapde-feature-card.wonapde-motion-target:not(.is-motion-visible),
html.wonapde-motion-ready .wonapde-sidebar .wonapde-card.wonapde-motion-target:not(.is-motion-visible),
html.wonapde-motion-ready .wonapde-closing-visual.wonapde-motion-target:not(.is-motion-visible) {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
}

.wonapde-motion-target {
    transition:
        opacity 560ms cubic-bezier(0.22, 1, 0.36, 1) var(--wonapde-motion-delay, 0ms),
        transform 560ms cubic-bezier(0.22, 1, 0.36, 1) var(--wonapde-motion-delay, 0ms),
        border-color 220ms ease,
        box-shadow 220ms ease;
}

html.wonapde-motion-ready .wonapde-motion-target {
    animation: none;
}

.wonapde-motion-target.is-motion-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


.wonapde-deadlines-sidebar__list::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 4px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    border-radius: 999px;
    pointer-events: none;
    background: linear-gradient(180deg, #a23991 0%, #005fae 45%, #ffb700 78%, #005fae 100%);
    transform: scaleY(0);
    transform-origin: top center;
}

.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__list::after {
    animation: wonapdeDeadlineLine 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

html.wonapde-motion-ready .wonapde-deadlines-sidebar:not(.is-deadlines-active) .wonapde-deadlines-sidebar__item {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
}

.wonapde-deadlines-sidebar__item {
    z-index: 1;
    transition: opacity 300ms ease, transform 300ms ease;
}

.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__item {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__item:nth-child(1) { transition-delay: 80ms; }
.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__item:nth-child(2) { transition-delay: 210ms; }
.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__item:nth-child(3) { transition-delay: 340ms; }
.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__item:nth-child(4) { transition-delay: 470ms; }
.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__item:nth-child(5) { transition-delay: 600ms; }

.wonapde-deadlines-sidebar__item::before {
    transition: transform 260ms ease, box-shadow 260ms ease;
}

html.wonapde-motion-ready .wonapde-deadlines-sidebar:not(.is-deadlines-active) .wonapde-deadlines-sidebar__item::before {
    transform: scale(0.72);
}

.wonapde-deadlines-sidebar.is-deadlines-active .wonapde-deadlines-sidebar__item::before {
    transform: scale(1);
    box-shadow: 0 0 0 5px #ffffff, 0 0 0 7px rgba(0, 95, 174, 0.08);
}

@keyframes wonapdeDeadlineLine {
    to { transform: scaleY(1); }
}


.btn-card,
.wonapde-register-main,
.wonapde-register-secondary,
.wonapde-modern-nav__cta {
    transition: transform 210ms ease, box-shadow 210ms ease, color 210ms ease, background-color 210ms ease, border-color 210ms ease;
}

.btn-card:focus-visible,
.wonapde-register-main:focus-visible,
.wonapde-register-secondary:focus-visible,
.wonapde-modern-nav__cta:focus-visible {
    outline: 3px solid #ffb700;
    outline-offset: 3px;
}

.btn-card:active:not([aria-disabled="true"]),
.wonapde-register-main:active:not([aria-disabled="true"]),
.wonapde-register-secondary:active:not([aria-disabled="true"]),
.wonapde-modern-nav__cta:active:not([aria-disabled="true"]) {
    transform: translateY(0);
}

@media (hover: hover) and (pointer: fine) {
    .btn-card:hover:not([aria-disabled="true"]),
    .wonapde-register-main:hover:not([aria-disabled="true"]),
    .wonapde-register-secondary:hover:not([aria-disabled="true"]),
    .wonapde-modern-nav__cta:hover:not([aria-disabled="true"]) {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(0, 64, 122, 0.16);
    }

    .btn-card:hover::after,
    .btn-card:focus-visible::after {
        transform: translateX(4px);
    }

    .wonapde-feature-card:not([data-wonapde-editor-only]):hover,
    .wonapde-feature-card[data-wonapde-editor-only]:not([style*="display: none"]):hover,
    .wonapde-sidebar .wonapde-card:hover {
        transform: translateY(-3px);
        border-color: rgba(0, 95, 174, 0.22);
        box-shadow: 0 14px 30px rgba(0, 64, 122, 0.11);
    }
}


@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    html.wonapde-motion-ready .wonapde-home-intro.wonapde-motion-target:not(.is-motion-visible),
    html.wonapde-motion-ready .wonapde-feature-card.wonapde-motion-target:not(.is-motion-visible),
    html.wonapde-motion-ready .wonapde-sidebar .wonapde-card.wonapde-motion-target:not(.is-motion-visible),
    html.wonapde-motion-ready .wonapde-closing-visual.wonapde-motion-target:not(.is-motion-visible),
    body.page-home .wonapde-motion-target,
    body.page-home .wonapde-motion-target.is-motion-visible {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    body.page-home .wonapde-feature-card:hover,
    body.page-home .wonapde-shortcut:hover,
    body.page-home .wonapde-shortcut:focus,
    body.page-home .wonapde-home-facts > div:hover,
    body.page-home .wonapde-sidebar .wonapde-card:hover,
    body.page-home .btn-card:hover,
    body.page-home .wonapde-register-main:hover,
    body.page-home .wonapde-register-secondary:hover,
    body.page-home .wonapde-feature-card:hover .btn-card::after,
    body.page-home .btn-card:hover::after {
        transform: none !important;
    }

    body.page-home .wonapde-home-intro::before {
        animation: none !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wonapde-home-intro::before {
        animation: none !important;
        transform: none !important;
    }

    .wonapde-motion-target,
    .wonapde-deadlines-sidebar__item,
    .btn-card,
    .wonapde-register-main,
    .wonapde-register-secondary,
    .wonapde-modern-nav__cta {
        opacity: 1 !important;
        transform: none !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }

    .wonapde-deadlines-sidebar__list::after {
        animation: none !important;
        transform: scaleY(1) !important;
    }

    .wonapde-deadlines-sidebar__item::before {
        transform: none !important;
    }
}