[data-theme="christmas"] {
    --bg: #f7f2ea;
    --surface: #fffdf9;
    --surface-alt: #f8f0e5;
    --border: #eadfcf;
    --border-strong: #dac9b2;
    --text: #2a1c16;
    --text-muted: #6b574a;
    --text-soft: #9a8577;
    --primary: #c0392b;
    --primary-hover: #a3301f;
    --primary-soft: #fbe8e4;
    --primary-text: #a3301f;
    --success: #1f7a4a;
    --success-soft: #e3f3ea;
    --blue-900: #123325;
    --blue-500: #c0392b;
    --blue-200: #f0c2ba;
}

[data-mode="dark"][data-theme="christmas"] {
    --bg: #0e1613;
    --surface: #15211c;
    --surface-alt: #1a2922;
    --border: #25372e;
    --border-strong: #32493d;
    --text: #f4ede3;
    --text-muted: #c3b8a8;
    --text-soft: #8f8576;
    --primary: #d9483a;
    --primary-hover: #e7695c;
    --primary-soft: #3b1d18;
    --primary-text: #f19184;
    --success: #4cc27f;
    --success-soft: #12301f;
    --blue-200: #5c2a24;
}

[data-theme="christmas"] .site-header::before,
[data-theme="christmas"] .site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -19px;
    height: 20px;
    background-repeat: repeat-x;
    background-size: 120px 20px;
    pointer-events: none;
}

[data-theme="christmas"] .site-header::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='20' viewBox='0 0 120 20'%3E%3Cpath d='M0 2 Q30 12 60 2 Q90 12 120 2' fill='none' stroke='%232d4a39' stroke-width='1.5'/%3E%3Crect x='13' y='4.5' width='4' height='3' rx='1' fill='%236b7a70'/%3E%3Cellipse cx='15' cy='11.5' rx='3.4' ry='4.6' fill='%23e53935'/%3E%3Crect x='73' y='4.5' width='4' height='3' rx='1' fill='%236b7a70'/%3E%3Cellipse cx='75' cy='11.5' rx='3.4' ry='4.6' fill='%232e9e4f'/%3E%3C/svg%3E");
    animation: dt-twinkle 1.8s ease-in-out infinite alternate;
}

[data-theme="christmas"] .site-header::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='20' viewBox='0 0 120 20'%3E%3Crect x='43' y='4.5' width='4' height='3' rx='1' fill='%236b7a70'/%3E%3Cellipse cx='45' cy='11.5' rx='3.4' ry='4.6' fill='%23fbc02d'/%3E%3Crect x='103' y='4.5' width='4' height='3' rx='1' fill='%236b7a70'/%3E%3Cellipse cx='105' cy='11.5' rx='3.4' ry='4.6' fill='%231e88e5'/%3E%3C/svg%3E");
    animation: dt-twinkle 1.8s ease-in-out -0.9s infinite alternate;
}

[data-theme="christmas"] .brand {
    position: relative;
}

[data-theme="christmas"] .brand::before {
    content: "";
    position: absolute;
    left: -9px;
    top: -12px;
    width: 30px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 26'%3E%3Cpath d='M4 19 C6 10 13 3 23 4 C27 5 29 9 28 13 C24 10 20 12 18 19 Z' fill='%23d62828'/%3E%3Crect x='1' y='17' width='21' height='7' rx='3.5' fill='%23ffffff'/%3E%3Ccircle cx='28' cy='14' r='3.6' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center / contain;
    transform: rotate(-18deg);
    pointer-events: none;
}

[data-theme="christmas"] .hero {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='96' viewBox='0 0 360 96'%3E%3Cg fill='%230a2519'%3E%3Cpath d='M8 96 L28 58 L48 96Z M14 70 L28 42 L42 70Z'/%3E%3Cpath d='M52 96 L86 30 L120 96Z M60 64 L86 16 L112 64Z M68 36 L86 4 L104 36Z'/%3E%3Cpath d='M122 96 L142 60 L162 96Z M128 72 L142 46 L156 72Z'/%3E%3Cpath d='M170 96 L200 38 L230 96Z M177 68 L200 24 L223 68Z M184 44 L200 14 L216 44Z'/%3E%3Cpath d='M236 96 L254 64 L272 96Z M241 76 L254 52 L267 76Z'/%3E%3Cpath d='M276 96 L306 42 L336 96Z M283 70 L306 28 L329 70Z M290 46 L306 18 L322 46Z'/%3E%3Cpath d='M332 96 L348 66 L364 96Z'/%3E%3C/g%3E%3Cg fill='%23e8f1f4'%3E%3Cpath d='M80 16 L86 4 L92 16 L88 14 L86 17 L84 14Z'/%3E%3Cpath d='M195 24 L200 14 L205 24 L202 22 L200 25 L198 22Z'/%3E%3Cpath d='M301 28 L306 18 L311 28 L308 26 L306 29 L304 26Z'/%3E%3C/g%3E%3Cpath d='M0 90 Q45 84 90 89 T180 88 T270 89 T360 88 V96 H0Z' fill='%23eef5f8'/%3E%3C/svg%3E") left bottom / 360px 96px repeat-x,
        linear-gradient(180deg, #0c2336 0%, #103a2c 100%);
}

[data-theme="christmas"] .profile-background:not(.has-image) {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='96' viewBox='0 0 360 96'%3E%3Cg fill='%230a2519'%3E%3Cpath d='M8 96 L28 58 L48 96Z M14 70 L28 42 L42 70Z'/%3E%3Cpath d='M52 96 L86 30 L120 96Z M60 64 L86 16 L112 64Z M68 36 L86 4 L104 36Z'/%3E%3Cpath d='M122 96 L142 60 L162 96Z M128 72 L142 46 L156 72Z'/%3E%3Cpath d='M170 96 L200 38 L230 96Z M177 68 L200 24 L223 68Z M184 44 L200 14 L216 44Z'/%3E%3Cpath d='M236 96 L254 64 L272 96Z M241 76 L254 52 L267 76Z'/%3E%3Cpath d='M276 96 L306 42 L336 96Z M283 70 L306 28 L329 70Z M290 46 L306 18 L322 46Z'/%3E%3Cpath d='M332 96 L348 66 L364 96Z'/%3E%3C/g%3E%3Cg fill='%23e8f1f4'%3E%3Cpath d='M80 16 L86 4 L92 16 L88 14 L86 17 L84 14Z'/%3E%3Cpath d='M195 24 L200 14 L205 24 L202 22 L200 25 L198 22Z'/%3E%3Cpath d='M301 28 L306 18 L311 28 L308 26 L306 29 L304 26Z'/%3E%3C/g%3E%3Cpath d='M0 90 Q45 84 90 89 T180 88 T270 89 T360 88 V96 H0Z' fill='%23eef5f8'/%3E%3C/svg%3E") left bottom / 360px 96px repeat-x,
        radial-gradient(circle at 84% 30%, #fdf5d6 0 24px, rgba(253, 245, 214, 0.16) 25px 46px, transparent 47px),
        linear-gradient(180deg, #0c2336 0%, #103a2c 100%);
}

[data-theme="christmas"] .hero {
    padding-bottom: 104px;
}

[data-theme="christmas"] .hero::before,
[data-theme="christmas"] .hero::after,
[data-theme="christmas"] .profile-background::before,
[data-theme="christmas"] .profile-background::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24px;
    right: -24px;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
    pointer-events: none;
}

[data-theme="christmas"] .hero::before,
[data-theme="christmas"] .profile-background::before {
    background-image:
        radial-gradient(circle at 22px 30px, #ffffff 0 2px, transparent 2.6px),
        radial-gradient(circle at 98px 64px, #ffffff 0 1.6px, transparent 2.2px),
        radial-gradient(circle at 54px 98px, #ffffff 0 2.4px, transparent 3px),
        radial-gradient(circle at 150px 250px, rgba(255, 255, 255, 0.8) 0 1.5px, transparent 2px),
        radial-gradient(circle at 250px 140px, rgba(255, 255, 255, 0.9) 0 2px, transparent 2.6px);
    background-size: 200px 200px, 150px 150px, 120px 120px, 300px 300px, 600px 600px;
    animation: dt-snow-near 30s linear infinite, dt-sway 5s ease-in-out infinite alternate;
}

[data-theme="christmas"] .hero::after,
[data-theme="christmas"] .profile-background::after {
    background-image:
        radial-gradient(circle at 60px 40px, rgba(255, 255, 255, 0.7) 0 1.2px, transparent 1.7px),
        radial-gradient(circle at 170px 110px, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.5px),
        radial-gradient(circle at 36px 130px, rgba(255, 255, 255, 0.7) 0 1.3px, transparent 1.8px),
        radial-gradient(circle at 420px 330px, rgba(255, 255, 255, 0.55) 0 1px, transparent 1.5px);
    background-size: 300px 300px, 200px 200px, 150px 150px, 600px 600px;
    animation: dt-snow-far 60s linear infinite, dt-sway 7s ease-in-out -2s infinite alternate;
}

[data-theme="christmas"] .hero-shape {
    display: block;
    width: 48px;
    height: 48px;
    top: 40px;
    right: 12%;
    bottom: auto;
    border-radius: 50%;
    background: #fdf5d6;
    box-shadow: 0 0 0 14px rgba(253, 245, 214, 0.1), 0 0 48px 12px rgba(253, 245, 214, 0.22);
    transform: none;
}

[data-theme="christmas"] .hero .btn-primary {
    color: #1f6f4a;
}

[data-theme="space"] {
    --bg: #060918;
    --surface: #0c1230;
    --surface-alt: #11183b;
    --border: #1e2857;
    --border-strong: #2b3a74;
    --text: #e9ebff;
    --text-muted: #aab2de;
    --text-soft: #7a84b8;
    --primary: #6c5ce7;
    --primary-hover: #8173f0;
    --primary-soft: #1c1a4a;
    --primary-text: #b7adff;
    --success: #4ade80;
    --success-soft: #0f2e22;
    --danger-soft: #3a1428;
    --warning-soft: #332812;
    --blue-900: #0a0f2c;
    --blue-500: #6c5ce7;
    --blue-200: #3b347a;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-raised: 0 12px 32px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
}

[data-theme="space"] body {
    background-color: var(--bg);
    background-image:
        radial-gradient(1px 1px at 24px 36px, #ffffff 50%, transparent 55%),
        radial-gradient(1px 1px at 96px 148px, rgba(255, 255, 255, 0.8) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 180px 60px, rgba(214, 222, 255, 0.9) 50%, transparent 55%),
        radial-gradient(1px 1px at 150px 214px, rgba(255, 255, 255, 0.7) 50%, transparent 55%),
        radial-gradient(1px 1px at 236px 170px, rgba(255, 236, 214, 0.8) 50%, transparent 55%),
        radial-gradient(ellipse 60% 45% at 10% 6%, rgba(124, 92, 255, 0.2), transparent 70%),
        radial-gradient(ellipse 50% 40% at 94% 36%, rgba(40, 130, 255, 0.14), transparent 70%),
        radial-gradient(ellipse 60% 50% at 50% 112%, rgba(214, 70, 160, 0.12), transparent 70%);
    background-size: 211px 197px, 293px 311px, 347px 331px, 419px 401px, 503px 467px, 100% 100%, 100% 100%, 100% 100%;
    background-attachment: fixed;
}

[data-theme="space"] body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        radial-gradient(1.5px 1.5px at 60px 90px, #ffffff 50%, transparent 55%),
        radial-gradient(2px 2px at 310px 40px, rgba(190, 205, 255, 0.95) 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 200px 300px, #ffffff 50%, transparent 55%),
        radial-gradient(2px 2px at 380px 250px, rgba(255, 226, 196, 0.9) 50%, transparent 55%);
    background-size: 457px 433px, 389px 521px, 613px 577px, 521px 449px;
    animation: dt-starlight 4.5s ease-in-out infinite alternate;
}

[data-theme="space"] .site-header,
[data-theme="space"] .site-footer {
    background: rgba(6, 9, 24, 0.94);
}

[data-theme="space"] .hero,
[data-theme="space"] .profile-background:not(.has-image) {
    background:
        radial-gradient(1px 1px at 30px 40px, #ffffff 50%, transparent 55%) 0 0 / 173px 151px,
        radial-gradient(1.5px 1.5px at 110px 92px, rgba(255, 255, 255, 0.85) 50%, transparent 55%) 0 0 / 229px 187px,
        radial-gradient(1px 1px at 72px 132px, rgba(206, 214, 255, 0.9) 50%, transparent 55%) 0 0 / 131px 211px,
        radial-gradient(ellipse 70% 90% at 12% 18%, rgba(124, 92, 255, 0.55), transparent 70%),
        radial-gradient(ellipse 60% 80% at 68% 115%, rgba(236, 72, 153, 0.32), transparent 70%),
        linear-gradient(135deg, #0c1233 0%, #161048 55%, #090e2a 100%);
}

[data-theme="space"] .hero::before {
    display: none;
}

[data-theme="space"] .hero::after,
[data-theme="space"] .profile-background:not(.has-image)::after {
    content: "";
    position: absolute;
    width: 210px;
    height: 144px;
    top: 50%;
    right: 5%;
    bottom: auto;
    left: auto;
    border-radius: 0;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 150'%3E%3Cdefs%3E%3ClinearGradient id='p' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffd59a'/%3E%3Cstop offset='0.55' stop-color='%23f08a6c'/%3E%3Cstop offset='1' stop-color='%238b3a8f'/%3E%3C/linearGradient%3E%3CradialGradient id='s' cx='0.35' cy='0.3' r='0.8'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='110' cy='80' rx='100' ry='22' fill='none' stroke='%23c9b8ff' stroke-opacity='0.45' stroke-width='7' transform='rotate(-12 110 80)'/%3E%3Ccircle cx='110' cy='75' r='48' fill='url(%23p)'/%3E%3Cpath d='M70 58 Q110 48 150 60 M64 80 Q110 70 156 84' fill='none' stroke='%23ffffff' stroke-opacity='0.14' stroke-width='5'/%3E%3Ccircle cx='110' cy='75' r='48' fill='url(%23s)'/%3E%3Cpath d='M11.6 100.8 A100 22 -12 0 0 208.4 59.2' fill='none' stroke='%23e8deff' stroke-opacity='0.85' stroke-width='7'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
}

[data-theme="space"] .hero-shape {
    width: 130px;
    height: 2px;
    right: 42%;
    top: 22%;
    bottom: auto;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff);
    transform: rotate(-24deg);
    opacity: 0;
    animation: dt-shooting-star 9s ease-in 2s infinite;
}

[data-theme="space"] .hero .btn-primary {
    color: #3b2fb8;
}

.theme-preview-christmas {
    background:
        radial-gradient(circle at 30% 30%, #ffffff 0 1.5px, transparent 2px),
        radial-gradient(circle at 70% 62%, #ffffff 0 1.2px, transparent 1.7px),
        linear-gradient(180deg, #0c2336, #103a2c);
    color: #ffffff;
}

.theme-preview-space {
    background:
        radial-gradient(circle at 24% 28%, #ffffff 0 1px, transparent 1.5px),
        radial-gradient(circle at 78% 70%, #ffffff 0 1px, transparent 1.5px),
        radial-gradient(ellipse at 20% 20%, rgba(124, 92, 255, 0.7), transparent 70%),
        linear-gradient(135deg, #0c1233, #161048);
    color: #ffd59a;
}

@keyframes dt-twinkle {
    from { opacity: 1; }
    to { opacity: 0.35; }
}

@keyframes dt-snow-near {
    from { background-position: 0 0; }
    to { background-position: 0 600px; }
}

@keyframes dt-snow-far {
    from { background-position: 0 0; }
    to { background-position: 0 600px; }
}

@keyframes dt-sway {
    from { transform: translateX(-10px); }
    to { transform: translateX(10px); }
}

@keyframes dt-starlight {
    from { opacity: 1; }
    to { opacity: 0.25; }
}

@keyframes dt-shooting-star {
    0%, 88% { opacity: 0; transform: rotate(-24deg) translateX(0); }
    90% { opacity: 1; }
    97%, 100% { opacity: 0; transform: rotate(-24deg) translateX(-260px); }
}

@media (max-width: 640px) {
    [data-theme="christmas"] .hero-shape {
        width: 24px;
        height: 24px;
        top: 14px;
        right: 14px;
        box-shadow: 0 0 0 7px rgba(253, 245, 214, 0.1), 0 0 24px 6px rgba(253, 245, 214, 0.2);
    }

    [data-theme="space"] .hero::after {
        display: none;
    }

    [data-theme="space"] .profile-background:not(.has-image)::after {
        width: 120px;
        height: 82px;
    }
}

[data-theme="halloween"] {
    --bg: #0c0910;
    --surface: #151019;
    --surface-alt: #1b1420;
    --border: #2d2233;
    --border-strong: #3e2f47;
    --text: #f4ecf7;
    --text-muted: #bda9c9;
    --text-soft: #8d7a98;
    --primary: #ff7518;
    --primary-hover: #ff8f40;
    --primary-soft: #3a1c0a;
    --primary-text: #ffa25c;
    --success: #9be564;
    --success-soft: #1c2a12;
    --danger-soft: #3b1016;
    --warning-soft: #33240d;
    --blue-900: #120c17;
    --blue-500: #ff7518;
    --blue-200: #5a3a1c;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    --shadow-raised: 0 12px 32px rgba(0, 0, 0, 0.6);
    color-scheme: dark;
}

[data-theme="halloween"] .btn-primary {
    color: #1a0b03;
}

[data-theme="halloween"] body {
    background-color: var(--bg);
    background-image:
        radial-gradient(ellipse 80% 45% at 50% -8%, rgba(126, 46, 170, 0.32), transparent 70%),
        radial-gradient(ellipse 50% 35% at 100% 100%, rgba(255, 117, 24, 0.1), transparent 70%);
    background-attachment: fixed;
}

[data-theme="halloween"] body::before {
    content: "";
    position: fixed;
    top: 8%;
    left: 0;
    width: 1200px;
    height: 220px;
    z-index: -1;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='220' viewBox='0 0 1200 220'%3E%3Cg transform='translate(120 90) scale(0.9)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%233a2448'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.34s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(260 60) scale(0.6)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%233a2448'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.3s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(700 140) scale(0.75)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%233a2448'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.38s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1040 80) scale(0.5)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%233a2448'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.28s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
    opacity: 0.8;
    animation: dt-bats-sky 38s linear -14s infinite;
}

[data-theme="halloween"] body::after {
    content: "";
    position: fixed;
    left: -20%;
    right: -20%;
    bottom: 0;
    height: 42vh;
    z-index: -1;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-50%25' width='140%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='28'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)' fill='%23b9a6cc' fill-opacity='0.16'%3E%3Cellipse cx='180' cy='220' rx='260' ry='60'/%3E%3Cellipse cx='560' cy='250' rx='320' ry='70'/%3E%3Cellipse cx='960' cy='215' rx='280' ry='58'/%3E%3Cellipse cx='1180' cy='260' rx='200' ry='50'/%3E%3C/g%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
    animation: dt-fog 26s ease-in-out infinite alternate;
}

[data-theme="halloween"] .site-header,
[data-theme="halloween"] .site-footer {
    background: rgba(12, 9, 16, 0.94);
}

[data-theme="halloween"] .site-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 96px;
    height: 96px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg stroke='%23d9cfe8' stroke-opacity='0.55' stroke-width='1.2' fill='none'%3E%3Cpath d='M0 0 L120 16 M0 0 L104 60 M0 0 L62 104 M0 0 L16 120'/%3E%3Cpath d='M30 4 Q24 16 26 14 Q20 22 8 28'/%3E%3Cpath d='M62 8 Q52 26 52 28 Q40 44 16 58'/%3E%3Cpath d='M92 12 Q78 38 80 42 Q60 68 24 88'/%3E%3Cpath d='M116 16 Q102 50 104 60 Q84 86 62 104 Q42 112 16 120'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top / contain;
    pointer-events: none;
}

[data-theme="halloween"] .site-header::after {
    content: "";
    position: absolute;
    right: 14%;
    top: 0;
    width: 28px;
    height: 150px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 150'%3E%3Cline x1='20' y1='0' x2='20' y2='118' stroke='%23cfc2e2' stroke-opacity='0.6' stroke-width='1'/%3E%3Cg stroke='%230b0710' stroke-width='2' fill='none' stroke-linecap='round'%3E%3Cpath d='M16 124 L6 116 L2 122 M16 128 L4 128 L1 134 M16 132 L6 138 L4 145 M17 135 L10 144'/%3E%3Cpath d='M24 124 L34 116 L38 122 M24 128 L36 128 L39 134 M24 132 L34 138 L36 145 M23 135 L30 144'/%3E%3C/g%3E%3Cellipse cx='20' cy='122' rx='5' ry='5' fill='%230b0710'/%3E%3Cellipse cx='20' cy='132' rx='7.5' ry='9' fill='%230b0710'/%3E%3Ccircle cx='18' cy='121' r='1.2' fill='%23ff3b30'/%3E%3Ccircle cx='22' cy='121' r='1.2' fill='%23ff3b30'/%3E%3C/svg%3E") no-repeat center top / contain;
    pointer-events: none;
    transform-origin: top center;
    animation: dt-spider 7s ease-in-out -3s infinite;
}

[data-theme="halloween"] .brand {
    position: relative;
}

[data-theme="halloween"] .brand::before {
    content: "";
    position: absolute;
    left: -8px;
    top: -17px;
    width: 34px;
    height: 28px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Cpath d='M8 24 C14 20 16 10 22 2 C24 10 26 18 30 22 Z' fill='%231c1024'/%3E%3Cpath d='M12 21 C18 19 24 19 29 21 L29 24 C23 22 17 22 12 24 Z' fill='%23ff7518'/%3E%3Cellipse cx='20' cy='25' rx='19' ry='5' fill='%231c1024'/%3E%3C/svg%3E") no-repeat center / contain;
    transform: rotate(-16deg);
    pointer-events: none;
}

[data-theme="halloween"] .hero,
[data-theme="halloween"] .profile-background:not(.has-image) {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 230' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3CradialGradient id='glow' cx='0.5' cy='0.5' r='0.5'%3E%3Cstop offset='0' stop-color='%23ff9a3c' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23ff7518' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M0 230 L0 158 C120 128 230 136 330 156 C430 176 530 126 650 120 C770 114 870 156 970 146 C1070 136 1140 118 1200 124 L1200 230 Z' fill='%2308050c'/%3E%3Cg stroke='%2308050c' stroke-linecap='round' fill='none'%3E%3Cpath d='M190 150 L184 92' stroke-width='7'/%3E%3Cpath d='M186 118 L164 100 M187 106 L208 84 M184 94 L172 70 M184 94 L196 64 M164 100 L150 96 M208 84 L222 82 M172 70 L162 62' stroke-width='4'/%3E%3Cpath d='M1030 140 L1025 88' stroke-width='6'/%3E%3Cpath d='M1027 112 L1008 96 M1027 100 L1046 80 M1025 88 L1016 66 M1046 80 L1058 78 M1008 96 L996 94' stroke-width='3.5'/%3E%3C/g%3E%3Cg fill='%2308050c'%3E%3Cpath d='M372 168 L372 146 A12 12 0 0 1 396 146 L396 168 Z'/%3E%3Cpath d='M412 172 L412 154 A9 9 0 0 1 430 154 L430 172 Z'/%3E%3Crect x='458' y='134' width='6' height='34'/%3E%3Crect x='450' y='142' width='22' height='6'/%3E%3Cpath d='M760 124 L760 86 L800 60 L840 86 L840 124 Z'/%3E%3Cpath d='M818 90 L818 44 L830 22 L842 44 L842 96 Z'/%3E%3Cpath d='M752 88 L800 54 L848 88 Z'/%3E%3C/g%3E%3Cg fill='%23ffb347'%3E%3Crect x='776' y='96' width='10' height='12'%3E%3Canimate attributeName='fill-opacity' values='1;0.35;1;0.8;1' dur='2.3s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='812' y='98' width='10' height='12'%3E%3Canimate attributeName='fill-opacity' values='0.9;1;0.4;1;0.9' dur='3.1s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='826' y='52' width='6' height='9'%3E%3Canimate attributeName='fill-opacity' values='0.2;1;0.2' dur='4s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3Cg%3E%3Ccircle cx='585' cy='118' r='46' fill='url(%23glow)'%3E%3Canimate attributeName='opacity' values='0.9;0.55;1;0.7;0.9' dur='1.7s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cellipse cx='570' cy='122' rx='17' ry='14' fill='%23e8620f'/%3E%3Cpath d='M570 108 L572 102' stroke='%233f6b1f' stroke-width='3'/%3E%3Cpath d='M562 118 L566 113 L569 118 Z M571 118 L575 113 L578 118 Z M561 125 Q570 132 579 125 L575 128 L570 125 L565 128 Z' fill='%23ffd27a'/%3E%3Cellipse cx='604' cy='126' rx='12' ry='10' fill='%23e8620f'/%3E%3Cpath d='M604 116 L605 112' stroke='%233f6b1f' stroke-width='2.5'/%3E%3Cpath d='M598 124 L601 120 L603 124 Z M605 124 L608 120 L610 124 Z M598 129 Q604 133 610 129 Z' fill='%23ffd27a'/%3E%3C/g%3E%3Cg fill='%23ffe14d'%3E%3Cellipse cx='296' cy='168' rx='2.6' ry='2.4'%3E%3Canimate attributeName='ry' values='2.4;2.4;0.2;2.4;2.4' keyTimes='0;0.8;0.85;0.9;1' dur='4.5s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='306' cy='168' rx='2.6' ry='2.4'%3E%3Canimate attributeName='ry' values='2.4;2.4;0.2;2.4;2.4' keyTimes='0;0.8;0.85;0.9;1' dur='4.5s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='930' cy='172' rx='2.2' ry='2'%3E%3Canimate attributeName='ry' values='2;0.2;2;2' keyTimes='0;0.05;0.1;1' dur='3.7s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='939' cy='172' rx='2.2' ry='2'%3E%3Canimate attributeName='ry' values='2;0.2;2;2' keyTimes='0;0.05;0.1;1' dur='3.7s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3C/svg%3E") center bottom / 100% auto no-repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg stroke='%23d9cfe8' stroke-opacity='0.55' stroke-width='1.2' fill='none'%3E%3Cpath d='M0 0 L120 16 M0 0 L104 60 M0 0 L62 104 M0 0 L16 120'/%3E%3Cpath d='M30 4 Q24 16 26 14 Q20 22 8 28'/%3E%3Cpath d='M62 8 Q52 26 52 28 Q40 44 16 58'/%3E%3Cpath d='M92 12 Q78 38 80 42 Q60 68 24 88'/%3E%3Cpath d='M116 16 Q102 50 104 60 Q84 86 62 104 Q42 112 16 120'/%3E%3C/g%3E%3C/svg%3E") right top / 110px 110px no-repeat,
        linear-gradient(180deg, #24103a 0%, #150b22 55%, #0b0710 100%);
}

[data-theme="halloween"] .hero {
    padding-bottom: 120px;
}

[data-theme="halloween"] .hero h1 {
    text-shadow: 0 0 22px rgba(255, 117, 24, 0.55);
    animation: dt-flicker 7s linear infinite;
}

[data-theme="halloween"] .hero .btn-primary {
    color: #c2410c;
}

[data-theme="halloween"] .hero-shape {
    display: block;
    width: 92px;
    height: 92px;
    top: 34px;
    right: 13%;
    bottom: auto;
    border-radius: 50%;
    background: radial-gradient(circle at 38% 36%, #fff6dc 0%, #f7dc9c 55%, #e9b765 100%);
    box-shadow: 0 0 40px 12px rgba(255, 176, 80, 0.35), 0 0 0 18px rgba(255, 190, 110, 0.06);
    transform: none;
    animation: dt-moon 9s ease-in-out infinite alternate;
}

[data-theme="halloween"] .hero::before,
[data-theme="halloween"] .profile-background::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    right: auto;
    bottom: auto;
    width: 420px;
    height: 110px;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='180' viewBox='0 0 700 180'%3E%3Cg transform='translate(90 70) scale(1.1)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%2307040b'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.32s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(170 40) scale(0.7)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%2307040b'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.28s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(240 95) scale(0.55)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%2307040b'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.36s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(520 55) scale(0.9)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%2307040b'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.3s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(600 110) scale(0.6)'%3E%3Cg%3E%3Cpath d='M0 -6 C-4 -14 -12 -16 -20 -14 C-17 -10 -17 -6 -20 -3 C-25 -6 -32 -6 -38 -2 C-35 0 -33 4 -34 8 C-26 4 -16 4 -8 8 C-5 4 -2 2 0 2 C2 2 5 4 8 8 C16 4 26 4 34 8 C33 4 35 0 38 -2 C32 -6 25 -6 20 -3 C17 -6 17 -10 20 -14 C12 -16 4 -14 0 -6 Z M-3 -7 L-2 -12 L0 -8 L2 -12 L3 -7 Z' fill='%2307040b'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1 1;1 0.35;1 1' dur='0.26s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
    animation: dt-bats 16s linear -6s infinite;
}

[data-theme="halloween"] .hero::after,
[data-theme="halloween"] .profile-background::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 64px;
    right: 26%;
    left: auto;
    width: 70px;
    height: 88px;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0.5' cy='0.35' r='0.75'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23cfc2e2'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M14 70 C3 74 1 86 8 94' stroke='%23e6ddf2' stroke-width='9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M106 70 C117 74 119 86 112 94' stroke='%23e6ddf2' stroke-width='9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M60 8 C30 8 14 32 14 62 L14 132 L26 120 L38 134 L50 120 L60 134 L70 120 L82 134 L94 120 L106 132 L106 62 C106 32 90 8 60 8 Z' fill='url(%23g)' fill-opacity='0.93'/%3E%3Cellipse cx='45' cy='58' rx='8' ry='12' fill='%231a0f24'/%3E%3Cellipse cx='75' cy='58' rx='8' ry='12' fill='%231a0f24'/%3E%3Cellipse cx='60' cy='92' rx='10' ry='14' fill='%231a0f24'%3E%3Canimate attributeName='ry' values='14;9;14' dur='2.6s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
    animation: dt-ghost 5s ease-in-out infinite;
}

.theme-preview-halloween {
    background:
        radial-gradient(circle at 72% 30%, #f7dc9c 0 5px, transparent 6px),
        linear-gradient(180deg, #24103a, #0b0710);
    color: #ff9a3c;
}

@keyframes dt-bats {
    0% { transform: translateX(-440px) translateY(0); }
    25% { transform: translateX(20vw) translateY(18px); }
    50% { transform: translateX(45vw) translateY(-6px); }
    75% { transform: translateX(70vw) translateY(14px); }
    100% { transform: translateX(110vw) translateY(0); }
}

@keyframes dt-bats-sky {
    from { transform: translateX(-1200px); }
    to { transform: translateX(110vw); }
}

@keyframes dt-fog {
    from { transform: translateX(-6%); }
    to { transform: translateX(6%); }
}

@keyframes dt-spider {
    0%, 100% { transform: translateY(-96px); }
    45% { transform: translateY(-18px); }
    55% { transform: translateY(-24px); }
}

@keyframes dt-ghost {
    0%, 100% { transform: translateY(0) rotate(-4deg); opacity: 0.9; }
    50% { transform: translateY(-16px) rotate(4deg); opacity: 0.65; }
    52% { opacity: 0.25; }
    54% { opacity: 0.8; }
}

@keyframes dt-flicker {
    0%, 18%, 22%, 62%, 64%, 100% { text-shadow: 0 0 22px rgba(255, 117, 24, 0.55); opacity: 1; }
    20% { text-shadow: none; opacity: 0.82; }
    63% { text-shadow: 0 0 34px rgba(255, 117, 24, 0.85); }
}

@keyframes dt-moon {
    from { box-shadow: 0 0 40px 12px rgba(255, 176, 80, 0.3), 0 0 0 18px rgba(255, 190, 110, 0.05); }
    to { box-shadow: 0 0 60px 20px rgba(255, 140, 60, 0.42), 0 0 0 24px rgba(255, 190, 110, 0.08); }
}

@media (max-width: 640px) {
    [data-theme="halloween"] .site-header::before {
        display: none;
    }

    [data-theme="halloween"] .site-header::after {
        right: 22%;
    }

    [data-theme="halloween"] .hero::after {
        display: none;
    }

    [data-theme="halloween"] .hero {
        padding-bottom: 150px;
        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 230' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3CradialGradient id='glow' cx='0.5' cy='0.5' r='0.5'%3E%3Cstop offset='0' stop-color='%23ff9a3c' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23ff7518' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M0 230 L0 158 C120 128 230 136 330 156 C430 176 530 126 650 120 C770 114 870 156 970 146 C1070 136 1140 118 1200 124 L1200 230 Z' fill='%2308050c'/%3E%3Cg stroke='%2308050c' stroke-linecap='round' fill='none'%3E%3Cpath d='M190 150 L184 92' stroke-width='7'/%3E%3Cpath d='M186 118 L164 100 M187 106 L208 84 M184 94 L172 70 M184 94 L196 64 M164 100 L150 96 M208 84 L222 82 M172 70 L162 62' stroke-width='4'/%3E%3Cpath d='M1030 140 L1025 88' stroke-width='6'/%3E%3Cpath d='M1027 112 L1008 96 M1027 100 L1046 80 M1025 88 L1016 66 M1046 80 L1058 78 M1008 96 L996 94' stroke-width='3.5'/%3E%3C/g%3E%3Cg fill='%2308050c'%3E%3Cpath d='M372 168 L372 146 A12 12 0 0 1 396 146 L396 168 Z'/%3E%3Cpath d='M412 172 L412 154 A9 9 0 0 1 430 154 L430 172 Z'/%3E%3Crect x='458' y='134' width='6' height='34'/%3E%3Crect x='450' y='142' width='22' height='6'/%3E%3Cpath d='M760 124 L760 86 L800 60 L840 86 L840 124 Z'/%3E%3Cpath d='M818 90 L818 44 L830 22 L842 44 L842 96 Z'/%3E%3Cpath d='M752 88 L800 54 L848 88 Z'/%3E%3C/g%3E%3Cg fill='%23ffb347'%3E%3Crect x='776' y='96' width='10' height='12'%3E%3Canimate attributeName='fill-opacity' values='1;0.35;1;0.8;1' dur='2.3s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='812' y='98' width='10' height='12'%3E%3Canimate attributeName='fill-opacity' values='0.9;1;0.4;1;0.9' dur='3.1s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='826' y='52' width='6' height='9'%3E%3Canimate attributeName='fill-opacity' values='0.2;1;0.2' dur='4s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3Cg%3E%3Ccircle cx='585' cy='118' r='46' fill='url(%23glow)'%3E%3Canimate attributeName='opacity' values='0.9;0.55;1;0.7;0.9' dur='1.7s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cellipse cx='570' cy='122' rx='17' ry='14' fill='%23e8620f'/%3E%3Cpath d='M570 108 L572 102' stroke='%233f6b1f' stroke-width='3'/%3E%3Cpath d='M562 118 L566 113 L569 118 Z M571 118 L575 113 L578 118 Z M561 125 Q570 132 579 125 L575 128 L570 125 L565 128 Z' fill='%23ffd27a'/%3E%3Cellipse cx='604' cy='126' rx='12' ry='10' fill='%23e8620f'/%3E%3Cpath d='M604 116 L605 112' stroke='%233f6b1f' stroke-width='2.5'/%3E%3Cpath d='M598 124 L601 120 L603 124 Z M605 124 L608 120 L610 124 Z M598 129 Q604 133 610 129 Z' fill='%23ffd27a'/%3E%3C/g%3E%3Cg fill='%23ffe14d'%3E%3Cellipse cx='296' cy='168' rx='2.6' ry='2.4'%3E%3Canimate attributeName='ry' values='2.4;2.4;0.2;2.4;2.4' keyTimes='0;0.8;0.85;0.9;1' dur='4.5s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='306' cy='168' rx='2.6' ry='2.4'%3E%3Canimate attributeName='ry' values='2.4;2.4;0.2;2.4;2.4' keyTimes='0;0.8;0.85;0.9;1' dur='4.5s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='930' cy='172' rx='2.2' ry='2'%3E%3Canimate attributeName='ry' values='2;0.2;2;2' keyTimes='0;0.05;0.1;1' dur='3.7s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='939' cy='172' rx='2.2' ry='2'%3E%3Canimate attributeName='ry' values='2;0.2;2;2' keyTimes='0;0.05;0.1;1' dur='3.7s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/g%3E%3C/svg%3E") center bottom / auto 150px no-repeat,
            linear-gradient(180deg, #24103a 0%, #150b22 55%, #0b0710 100%);
    }

    [data-theme="halloween"] .hero::before {
        width: 260px;
        height: 70px;
    }

    [data-theme="halloween"] .hero-shape {
        width: 40px;
        height: 40px;
        top: 12px;
        right: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-theme] *,
    [data-theme] *::before,
    [data-theme] *::after,
    [data-theme] body::before,
    [data-theme] body::after {
        animation: none !important;
    }
}