.midnight{isolation:isolate;min-height:440px;padding:38px;background:radial-gradient(ellipse at 95% 12%,#6b3d303b 0,transparent 54%),radial-gradient(ellipse at 3% 42%,#07649b80 0,transparent 65%),#071d30;border:1px solid #a6ebff35;box-shadow:0 22px 65px #15364b18;}
.midnight:before{content:"";position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:url('/assets/newyear-fireworks.svg') center/cover no-repeat;z-index:0;pointer-events:none;}
.midnight:after{content:"";position:absolute;inset:30% 0 0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,transparent 0%,#071d3030 25%,#071d30dc 85%);pointer-events:none;z-index:0;}
.midnight>div{position:relative;z-index:1;}
.midnight .date{max-width:310px;color:#c4f4ff;font-size:10px;line-height:1.8;letter-spacing:1.8px;text-shadow:0 2px 12px #071d30;}
.midnight .year{font-family:Montserrat,Arial,sans-serif;font-size:clamp(100px,9vw,132px);font-weight:800;line-height:.95;letter-spacing:-8px;color:#fffaf0;margin:35px 0 38px;text-shadow:0 0 34px #74e4ff30;}
.midnight .year span{background:linear-gradient(155deg,#ffe5a8 5%,#ffa45d 70%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;}
.midnight h2{font-size:clamp(25px,2.35vw,31px);line-height:1.18;letter-spacing:-.9px;color:#fffaf0;margin-bottom:17px;}
.midnight p{color:#e0f3ff;font-size:14px;line-height:1.8;max-width:340px;}
@media(max-width:760px){.midnight{min-height:420px;padding:28px;}.midnight .year{font-size:112px;letter-spacing:-7px;margin:36px 0;}.midnight .date{max-width:250px;}.midnight h2{font-size:27px;}}
@media(max-width:380px){.midnight{padding:24px;}.midnight .year{font-size:96px;}.midnight h2{font-size:24px;}}