body.bs-site-studentenspelletjes {
    color: #f8fbff;
    background:
        radial-gradient(circle at 14% 0%, rgba(0, 211, 216, 0.18), transparent 30%),
        radial-gradient(circle at 84% 8%, rgba(255, 210, 63, 0.16), transparent 28%),
        linear-gradient(180deg, #07152f 0%, #123f58 48%, #071421 100%);
}

body.bs-site-studentenspelletjes .site-header {
    background:
        radial-gradient(circle at 16% 0%, rgba(0, 211, 216, 0.20), transparent 30%),
        radial-gradient(circle at 84% 0%, rgba(255, 210, 63, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(7, 21, 47, 0.96), rgba(5, 13, 27, 0.98));
    border-bottom: 1px solid rgba(255, 210, 63, 0.24);
}

body.bs-site-studentenspelletjes .home-quickstart,
body.bs-site-studentenspelletjes .home-intro,
body.bs-site-studentenspelletjes .home-carousel {
    background:
        radial-gradient(circle at 16% 0%, rgba(0, 211, 216, 0.18), transparent 28%),
        radial-gradient(circle at 76% 8%, rgba(255, 210, 63, 0.16), transparent 28%),
        radial-gradient(circle at 94% 38%, rgba(255, 45, 116, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(10, 42, 69, 0.96), rgba(6, 20, 34, 0.98)) !important;
    border-color: rgba(255, 210, 63, 0.24) !important;
    box-shadow: 0 24px 58px rgba(0, 6, 22, 0.42);
}

body.bs-site-studentenspelletjes .home-quickstart {
    padding-top: 24px;
}

body.bs-site-studentenspelletjes .home-brand-panel {
    max-width: 760px;
}

body.bs-site-studentenspelletjes .home-brand-panel img {
    width: min(540px, calc(100% - 88px));
    filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.34));
}

body.bs-site-studentenspelletjes .home-quickstart::before,
body.bs-site-studentenspelletjes .home-carousel::before,
body.bs-site-studentenspelletjes .home-intro::before {
    background:
        linear-gradient(110deg, transparent 0 18%, rgba(255, 210, 63, 0.10) 19% 21%, transparent 22% 48%, rgba(0, 211, 216, 0.12) 49% 51%, transparent 52%),
        radial-gradient(circle at 84% 22%, rgba(255, 45, 116, 0.13), transparent 22%) !important;
}

body.bs-site-studentenspelletjes .home-code-form,
body.bs-site-studentenspelletjes .home-start-card,
body.bs-site-studentenspelletjes .home-carousel-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(232, 249, 252, 0.92)) !important;
    border-color: rgba(255, 210, 63, 0.34) !important;
}

body.bs-site-studentenspelletjes .home-hero-title,
body.bs-site-studentenspelletjes .home-title {
    color: #fff4b8 !important;
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.30);
}

body.bs-site-studentenspelletjes .home-start-card h2 {
    color: #07152f !important;
}

body.bs-site-studentenspelletjes .home-hero-text,
body.bs-site-studentenspelletjes .home-text p {
    color: #d8f7ff !important;
}

body.bs-site-studentenspelletjes .home-start-card p,
body.bs-site-studentenspelletjes .home-carousel-body p {
    color: #405066 !important;
}

body.bs-site-studentenspelletjes .paper-strip-green {
    background: linear-gradient(180deg, #00d3d8 0%, #008fa7 100%) !important;
    color: #041426 !important;
}

body.bs-site-studentenspelletjes .paper-strip-yellow {
    background: linear-gradient(180deg, #ffd23f 0%, #f29a24 100%) !important;
    color: #041426 !important;
}

body.bs-site-studentenspelletjes .paper-strip-red {
    background: linear-gradient(180deg, #ff2d74 0%, #b82bb8 100%) !important;
    color: #fff7fb !important;
}

body.bs-site-studentenspelletjes .home-code-submit,
body.bs-site-studentenspelletjes .home-quick-button-primary {
    background: linear-gradient(180deg, #ff2d74 0%, #b82bb8 100%) !important;
    border-color: rgba(4, 20, 38, 0.14) !important;
    color: #ffffff !important;
}

body.bs-site-studentenspelletjes .home-menu-toggle,
body.bs-site-studentenspelletjes .nav-toggle {
    background: rgba(0, 211, 216, 0.16);
    border-color: rgba(255, 244, 184, 0.36);
    color: #fff4b8;
}

body.bs-site-studentenspelletjes .bs-games-card,
body.bs-site-studentenspelletjes .bs-lobby-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 45, 116, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(10, 42, 69, 0.96), rgba(6, 20, 34, 0.98));
    border-color: rgba(255, 210, 63, 0.24);
    color: #f8fbff;
}