.twilight-bg{position:absolute;inset:0;transition:opacity 1.5s ease-in-out;background:linear-gradient(180deg,#1e3a5f,#2a4a6e 30%,#4a6a8a 50%,#d4886a,#e8a87c);z-index:-2}.twilight-bg:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:150%;background:radial-gradient(ellipse at center,rgba(230,126,34,.15) 0%,transparent 70%)}.twilight-bg:after{content:"";position:absolute;bottom:-20%;left:-20%;width:60%;height:80%;background:radial-gradient(ellipse at center,rgba(255,180,120,.2) 0%,transparent 70%)}.stars{position:absolute;inset:0;z-index:-1;pointer-events:none;transition:opacity 1.5s ease-in-out}.star{position:absolute;width:3px;height:3px;background:#ffffffe6;border-radius:50%;animation:twinkle 3s ease-in-out infinite}.star.small{width:2px;height:2px;opacity:.7}.star:nth-child(odd){animation-delay:.5s}.star:nth-child(3n){animation-delay:1s}.star:nth-child(4n){animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.shooting-star{position:absolute;top:15%;left:70%;width:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));border-radius:50%;transform:rotate(35deg);z-index:-1;opacity:0;animation:shoot 6s ease-in-out infinite;animation-delay:2s}.shooting-star:before{content:"";position:absolute;right:0;top:-1px;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #fff9}.shooting-star-2{top:25%;left:30%;width:60px;transform:rotate(40deg);animation-delay:5s}@keyframes shoot{0%{opacity:0;transform:rotate(35deg) translate(0)}5%{opacity:1}15%{opacity:0;transform:rotate(35deg) translate(150px)}to{opacity:0;transform:rotate(35deg) translate(150px)}}.skyline{position:absolute;bottom:0;left:0;right:0;height:320px;z-index:-1;opacity:.08;transition:opacity 1.5s ease-in-out;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='320' viewBox='0 0 900 320'%3E%3Cdefs%3E%3Crect id='w' width='8' height='12' fill='%23ffd78a'/%3E%3C/defs%3E%3Crect x='0' y='175' width='65' height='145' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='10' y='190'/%3E%3Cuse href='%23w' x='28' y='190'/%3E%3Cuse href='%23w' x='46' y='190'/%3E%3Cuse href='%23w' x='10' y='215'/%3E%3Cuse href='%23w' x='28' y='215'/%3E%3Cuse href='%23w' x='46' y='215'/%3E%3Cuse href='%23w' x='10' y='240'/%3E%3Cuse href='%23w' x='46' y='240'/%3E%3Cuse href='%23w' x='28' y='265'/%3E%3Crect x='70' y='115' width='80' height='205' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='82' y='130'/%3E%3Cuse href='%23w' x='102' y='130'/%3E%3Cuse href='%23w' x='122' y='130'/%3E%3Cuse href='%23w' x='82' y='155'/%3E%3Cuse href='%23w' x='122' y='155'/%3E%3Cuse href='%23w' x='82' y='180'/%3E%3Cuse href='%23w' x='102' y='180'/%3E%3Cuse href='%23w' x='122' y='180'/%3E%3Cuse href='%23w' x='102' y='205'/%3E%3Cuse href='%23w' x='82' y='230'/%3E%3Cuse href='%23w' x='122' y='230'/%3E%3Cuse href='%23w' x='102' y='255'/%3E%3Crect x='115' y='75' width='4' height='245' fill='%231e3a5f'/%3E%3Crect x='158' y='205' width='58' height='115' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='168' y='220'/%3E%3Cuse href='%23w' x='188' y='220'/%3E%3Cuse href='%23w' x='168' y='245'/%3E%3Cuse href='%23w' x='188' y='245'/%3E%3Cuse href='%23w' x='188' y='270'/%3E%3Crect x='222' y='145' width='72' height='175' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='235' y='160'/%3E%3Cuse href='%23w' x='255' y='160'/%3E%3Cuse href='%23w' x='275' y='160'/%3E%3Cuse href='%23w' x='235' y='185'/%3E%3Cuse href='%23w' x='275' y='185'/%3E%3Cuse href='%23w' x='255' y='210'/%3E%3Cuse href='%23w' x='235' y='235'/%3E%3Cuse href='%23w' x='255' y='235'/%3E%3Cuse href='%23w' x='275' y='260'/%3E%3Crect x='300' y='85' width='88' height='235' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='315' y='100'/%3E%3Cuse href='%23w' x='340' y='100'/%3E%3Cuse href='%23w' x='365' y='100'/%3E%3Cuse href='%23w' x='315' y='130'/%3E%3Cuse href='%23w' x='365' y='130'/%3E%3Cuse href='%23w' x='315' y='160'/%3E%3Cuse href='%23w' x='340' y='160'/%3E%3Cuse href='%23w' x='365' y='160'/%3E%3Cuse href='%23w' x='340' y='190'/%3E%3Cuse href='%23w' x='315' y='220'/%3E%3Cuse href='%23w' x='365' y='220'/%3E%3Cuse href='%23w' x='340' y='250'/%3E%3Crect x='345' y='45' width='4' height='275' fill='%231e3a5f'/%3E%3Crect x='395' y='190' width='60' height='130' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='408' y='205'/%3E%3Cuse href='%23w' x='430' y='205'/%3E%3Cuse href='%23w' x='408' y='235'/%3E%3Cuse href='%23w' x='430' y='235'/%3E%3Cuse href='%23w' x='430' y='265'/%3E%3Crect x='462' y='135' width='75' height='185' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='475' y='150'/%3E%3Cuse href='%23w' x='498' y='150'/%3E%3Cuse href='%23w' x='521' y='150'/%3E%3Cuse href='%23w' x='475' y='180'/%3E%3Cuse href='%23w' x='521' y='180'/%3E%3Cuse href='%23w' x='498' y='210'/%3E%3Cuse href='%23w' x='475' y='240'/%3E%3Cuse href='%23w' x='521' y='240'/%3E%3Cuse href='%23w' x='498' y='270'/%3E%3Crect x='544' y='180' width='65' height='140' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='556' y='195'/%3E%3Cuse href='%23w' x='578' y='195'/%3E%3Cuse href='%23w' x='556' y='225'/%3E%3Cuse href='%23w' x='578' y='225'/%3E%3Cuse href='%23w' x='578' y='255'/%3E%3Crect x='615' y='100' width='95' height='220' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='630' y='115'/%3E%3Cuse href='%23w' x='655' y='115'/%3E%3Cuse href='%23w' x='680' y='115'/%3E%3Cuse href='%23w' x='630' y='145'/%3E%3Cuse href='%23w' x='680' y='145'/%3E%3Cuse href='%23w' x='630' y='175'/%3E%3Cuse href='%23w' x='655' y='175'/%3E%3Cuse href='%23w' x='680' y='175'/%3E%3Cuse href='%23w' x='655' y='205'/%3E%3Cuse href='%23w' x='630' y='235'/%3E%3Cuse href='%23w' x='680' y='235'/%3E%3Cuse href='%23w' x='655' y='265'/%3E%3Crect x='718' y='220' width='55' height='100' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='730' y='235'/%3E%3Cuse href='%23w' x='752' y='235'/%3E%3Cuse href='%23w' x='730' y='265'/%3E%3Cuse href='%23w' x='752' y='265'/%3E%3Crect x='780' y='160' width='80' height='160' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='795' y='175'/%3E%3Cuse href='%23w' x='818' y='175'/%3E%3Cuse href='%23w' x='841' y='175'/%3E%3Cuse href='%23w' x='795' y='205'/%3E%3Cuse href='%23w' x='841' y='205'/%3E%3Cuse href='%23w' x='818' y='235'/%3E%3Cuse href='%23w' x='795' y='265'/%3E%3Cuse href='%23w' x='841' y='265'/%3E%3Crect x='868' y='195' width='30' height='125' fill='%231e3a5f'/%3E%3Cuse href='%23w' x='879' y='210'/%3E%3Cuse href='%23w' x='879' y='240'/%3E%3Cuse href='%23w' x='879' y='270'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:bottom left;background-size:auto 320px}@media(max-width:768px){.skyline{height:220px;background-size:auto 220px}}