/* Decorative Christmas lights; the content and registration stay above them. */
.natal-hero{isolation:isolate}
.natal-stars{z-index:0;overflow:hidden;pointer-events:none;user-select:none}
.natal-countdown-strip{z-index:1}
.natal-stars>span{
    --spark-x:48px;
    --spark-y:-36px;
    opacity:0;
    line-height:1;
    transform-origin:center;
    text-shadow:0 0 13px #f2cc7866;
    animation:natal-star-twinkle 5s ease-in-out infinite;
}
.natal-stars>span:nth-child(1){animation-duration:4.8s;animation-delay:-1.55s}
.natal-stars>span:nth-child(2){--spark-x:-60px;--spark-y:44px;animation-duration:6.2s;animation-delay:-4.3s}
.natal-stars>span:nth-child(3){--spark-x:56px;--spark-y:40px;animation-duration:5.4s;animation-delay:-1.45s}
.natal-stars>span:nth-child(4){animation-duration:5.8s;animation-delay:-4.75s}
.natal-stars>span:nth-child(5){--spark-x:-44px;--spark-y:56px;animation-duration:4.4s;animation-delay:-.9s}
.natal-stars>span:nth-child(6){left:7%;top:65%;font-size:22px;--spark-x:60px;--spark-y:48px;animation-duration:5.6s;animation-delay:-2.15s}
.natal-stars>span:nth-child(7){left:13%;top:83%;font-size:15px;animation-duration:4.6s;animation-delay:-3.55s}
.natal-stars>span:nth-child(8){left:31%;top:76%;font-size:19px;--spark-x:-56px;--spark-y:32px;animation-duration:6.6s;animation-delay:-4.9s}
.natal-stars>span:nth-child(9){left:17%;top:9%;font-size:38px;--spark-x:64px;--spark-y:30px;animation-duration:5.2s;animation-delay:-2.85s}
.natal-stars>span:nth-child(10){left:85%;top:78%;font-size:19px;--spark-x:-70px;--spark-y:-24px;animation-duration:6s;animation-delay:-1.7s}
.natal-stars>span:nth-child(11){left:94%;top:18%;font-size:23px;--spark-x:-50px;--spark-y:48px;animation-duration:4.9s;animation-delay:-3.7s}
.natal-stars>span:nth-child(12){left:43%;top:91%;font-size:14px;--spark-x:52px;--spark-y:-50px;animation-duration:5.9s;animation-delay:-4.35s}
.natal-stars>span:nth-child(13){left:71%;top:6%;font-size:36px;--spark-x:70px;--spark-y:32px;animation-duration:4.3s;animation-delay:-1.25s}
.natal-stars>span:nth-child(14){left:4%;top:88%;font-size:16px;--spark-x:56px;--spark-y:-48px;animation-duration:6.4s;animation-delay:-5.05s}
.natal-stars>span:nth-child(15){left:6%;top:12%;font-size:19px;--spark-x:54px;--spark-y:40px;animation-duration:5.3s;animation-delay:-.7s}
.natal-stars>span:nth-child(16){left:26%;top:5%;font-size:16px;--spark-x:46px;--spark-y:36px;animation-duration:6.1s;animation-delay:-3.2s}
.natal-stars>span:nth-child(17){left:38%;top:13%;font-size:13px;--spark-x:-50px;--spark-y:32px;animation-duration:4.7s;animation-delay:-2.3s}
.natal-stars>span:nth-child(18){left:58%;top:4%;font-size:34px;--spark-x:64px;--spark-y:30px;animation-duration:5.7s;animation-delay:-4.1s}
.natal-stars>span:nth-child(19){left:85%;top:8%;font-size:20px;--spark-x:-48px;--spark-y:48px;animation-duration:6.3s;animation-delay:-1.2s}
.natal-stars>span:nth-child(20){left:97%;top:39%;font-size:15px;--spark-x:-54px;--spark-y:-36px;animation-duration:4.5s;animation-delay:-3.4s}
.natal-stars>span:nth-child(21){left:92%;top:86%;font-size:21px;--spark-x:-64px;--spark-y:-42px;animation-duration:5.5s;animation-delay:-2.6s}
.natal-stars>span:nth-child(22){left:76%;top:91%;font-size:13px;--spark-x:44px;--spark-y:-44px;animation-duration:6.5s;animation-delay:-4.8s}
.natal-stars>span:nth-child(23){left:62%;top:79%;font-size:17px;--spark-x:-48px;--spark-y:34px;animation-duration:5.1s;animation-delay:-1.9s}
.natal-stars>span:nth-child(24){left:38%;top:65%;font-size:32px;--spark-x:62px;--spark-y:-46px;animation-duration:4.9s;animation-delay:-3.8s}
.natal-stars>span:nth-child(25){left:24%;top:86%;font-size:15px;--spark-x:-50px;--spark-y:-40px;animation-duration:5.8s;animation-delay:-.4s}
.natal-stars>span:nth-child(26){left:3%;top:51%;font-size:18px;--spark-x:42px;--spark-y:-50px;animation-duration:6.2s;animation-delay:-4.5s}
.natal-stars>span:nth-child(27){left:11%;top:30%;font-size:12px;--spark-x:-54px;--spark-y:42px;animation-duration:4.8s;animation-delay:-2.7s}
.natal-stars>span:nth-child(28){left:49%;top:39%;font-size:17px;--spark-x:48px;--spark-y:-38px;animation-duration:5.6s;animation-delay:-1.1s}
.natal-hero .natal-art-star{pointer-events:none;user-select:none;animation:natal-feature-star 3.5s ease-in-out infinite}
.natal-hero .natal-art-orbit{pointer-events:none;border-color:#dfbf7647;animation:natal-orbit-glow 5.5s ease-in-out infinite}
.natal-hero .natal-art-orbit:after{border-color:#dfbf762e;animation:natal-orbit-glow 4.25s ease-in-out -2s infinite}
@keyframes natal-star-twinkle{
    0%,12%{opacity:0;transform:translate3d(0,14px,0) scale(.45) rotate(-20deg)}
    30%{opacity:.82;transform:translate3d(calc(var(--spark-x)*.25),calc(var(--spark-y)*.25),0) scale(1) rotate(0)}
    44%{opacity:.22;transform:translate3d(calc(var(--spark-x)*.65),calc(var(--spark-y)*.65),0) scale(1.08) rotate(14deg)}
    52%,64%{opacity:0;transform:translate3d(var(--spark-x),var(--spark-y),0) scale(.45) rotate(-14deg)}
    82%{opacity:.7;transform:translate3d(calc(var(--spark-x)*.45),calc(var(--spark-y)*.45),0) scale(1.05) rotate(8deg)}
    100%{opacity:0;transform:translate3d(0,-14px,0) scale(.45) rotate(20deg)}
}
@keyframes natal-feature-star{
    0%,100%{opacity:.58;transform:translateY(4px) scale(.91) rotate(-8deg)}
    50%{opacity:1;transform:translateY(-10px) scale(1.09) rotate(10deg)}
}
@keyframes natal-orbit-glow{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:600px){
    .natal-stars>span:nth-child(1){left:90%;top:5%;font-size:16px;--spark-x:-24px;--spark-y:40px}
    .natal-stars>span:nth-child(2){right:2%;top:40%;font-size:23px;--spark-x:-20px;--spark-y:-48px}
    .natal-stars>span:nth-child(3){right:6%;top:74%;font-size:15px;--spark-x:-30px;--spark-y:30px}
    .natal-stars>span:nth-child(5){left:3%;top:34%;font-size:32px;--spark-x:16px;--spark-y:-44px}
    .natal-stars>span:nth-child(6){left:3%;top:58%;font-size:17px;--spark-x:18px;--spark-y:40px}
    .natal-stars>span:nth-child(7){left:8%;top:80%;font-size:12px;--spark-x:30px;--spark-y:-36px}
    .natal-stars>span:nth-child(8){left:86%;top:19%;font-size:13px;--spark-x:-24px;--spark-y:30px}
    .natal-stars>span:nth-child(n+9):nth-child(-n+14),.natal-stars>span:nth-child(n+22){display:none}
    .natal-stars>span:nth-child(15){left:4%;top:4%;font-size:13px;--spark-x:22px;--spark-y:36px}
    .natal-stars>span:nth-child(16){left:94%;top:29%;font-size:15px;--spark-x:-22px;--spark-y:30px}
    .natal-stars>span:nth-child(17){left:6%;top:45%;font-size:12px;--spark-x:18px;--spark-y:-34px}
    .natal-stars>span:nth-child(18){left:88%;top:52%;font-size:29px;--spark-x:-24px;--spark-y:36px}
    .natal-stars>span:nth-child(19){left:91%;top:84%;font-size:16px;--spark-x:-24px;--spark-y:-34px}
    .natal-stars>span:nth-child(20){left:4%;top:70%;font-size:12px;--spark-x:20px;--spark-y:28px}
    .natal-stars>span:nth-child(21){left:45%;top:92%;font-size:13px;--spark-x:24px;--spark-y:-30px}
}
@media(prefers-reduced-motion:reduce){
    .natal-stars>span{animation:none;opacity:.35;transform:none;text-shadow:none}
    .natal-stars>span:nth-child(n+9){display:none}
    .natal-hero .natal-art-star{animation:none;opacity:.9;transform:none}
    .natal-hero .natal-art-orbit,.natal-hero .natal-art-orbit:after{animation:none;opacity:.75}
}