@layer theme,base;@layer components{.holiday-card{background:linear-gradient(120deg, var(--h1), var(--h2)), #ffffff8c;width:fit-content;max-width:min(30rem,100%);box-shadow:0 18px 40px -22px var(--hs), inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.4rem;align-items:center;gap:.85rem;padding:.7rem 1.1rem .7rem .7rem;animation:1s cubic-bezier(.16,1,.3,1) both holiday-card-in;display:flex}.dark .holiday-card{background:linear-gradient(120deg, var(--h1), var(--h2)), #141a3c99;box-shadow:0 18px 40px -22px #000000b3,inset 0 1px #ffffff14}.holiday-card-icon{color:#fff;background:var(--hi);width:3rem;height:3rem;box-shadow:0 10px 22px -10px var(--hi);border-radius:1rem;flex-shrink:0;place-items:center;display:grid}.holiday-card--newyear{--h1:#4f8dff2e;--h2:#fff3;--hi:#3a6fd8;--hs:#3a6fd899}.holiday-card--navruz{--h1:#78c85038;--h2:#ffc83c33;--hi:#4caf3a;--hs:#4caf3a99}.holiday-card--march8{--h1:#ff5f8f33;--h2:#ffb4782e;--hi:#e8467c;--hs:#e8467c99}.holiday-card--independence{--h1:#0099b533;--h2:#1eb53a2e;--hi:#0099b5;--hs:#0099b599}.holiday-card--ramadan,.holiday-card--qurbon{--h1:#16785a2e;--h2:#f5c5423d;--hi:#1d8a68;--hs:#c9971c99}.holiday-garland{pointer-events:none;grid-template-columns:repeat(14,minmax(0,1fr));height:2.4rem;display:grid;position:absolute;top:calc(100% - 4px);left:1.75rem;right:1.75rem}.holiday-garland-cell{position:relative}.holiday-garland-wire{width:100%;height:.75rem;position:absolute;inset:0 0 auto;overflow:visible}.holiday-garland-wire path{fill:none;stroke:#46506e73;stroke-width:1.2px;vector-effect:non-scaling-stroke}.dark .holiday-garland-wire path{stroke:#ffffff59}.holiday-garland--navruz .holiday-garland-wire path,.holiday-garland--march8 .holiday-garland-wire path{stroke:#6aa84f;stroke-width:1.6px}.holiday-garland-item{transform-origin:50% 0;animation:3.2s ease-in-out infinite alternate holiday-swing;animation-delay:calc(var(--i) * -.37s);position:absolute;top:.55rem;left:50%;translate:-50%}.holiday-garland-item>svg{display:block;overflow:visible}.holiday-bulb{width:.75rem;height:1.2rem;filter:drop-shadow(0 0 5px var(--glow));animation:1.6s ease-in-out infinite alternate holiday-twinkle;animation-delay:calc(var(--i) * -.29s)}.holiday-flag{filter:drop-shadow(0 2px 2px #0a0e2c26);width:1.15rem;height:1.35rem}.holiday-lantern{width:.85rem;height:1.6rem}.holiday-lantern-light{animation:2.4s ease-in-out infinite alternate holiday-twinkle}.holiday-garland--ramadan .holiday-lantern,.holiday-garland--qurbon .holiday-lantern{filter:drop-shadow(0 0 6px #ffd25acc)}.holiday-blossom{width:1.15rem;height:1.15rem}.holiday-garland-cell:nth-child(odd) .holiday-garland-item{top:.35rem}@media (max-width:767px){.holiday-garland{grid-template-columns:repeat(7,minmax(0,1fr));left:1.1rem;right:1.1rem}.holiday-garland-cell:nth-child(n+8){display:none}}.holiday-scene{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.holiday-glow{filter:blur(30px);opacity:.9;background:radial-gradient(40% 35% at 18% 30%, var(--g1), transparent 70%), radial-gradient(35% 40% at 85% 25%, var(--g2), transparent 70%), radial-gradient(45% 30% at 50% 100%, var(--g3), transparent 70%);position:absolute;inset:-10% -5% 0}.holiday-scene--newyear{--g1:#78aaff59;--g2:#c8e1ff80;--g3:#ffd27840}.holiday-scene--navruz{--g1:#96dc6452;--g2:#ffc8dc66;--g3:#ffd7644d}.holiday-scene--march8{--g1:#ff8cb452;--g2:#ffbe9659;--g3:#ff78a038}.holiday-scene--independence{--g1:#0099b540;--g2:#1eb53a38;--g3:#0099b533}.holiday-scene--ramadan,.holiday-scene--qurbon{--g1:#1e8c6438;--g2:#f5c54252;--g3:#f5c54233}.dark .holiday-glow{opacity:.55}.holiday-flake{color:#6e96e647;animation:60s linear infinite holiday-spin;position:absolute}.dark .holiday-flake{color:#ffffff2e}.holiday-flake--a{width:9rem;top:22%;left:2%}.holiday-flake--b{width:6rem;animation-duration:45s;animation-direction:reverse;bottom:6%;left:40%}.holiday-flake--c{width:14rem;animation-duration:80s;top:10%;right:3%}.holiday-branch{opacity:.8;transform-origin:0 100%;width:min(34vw,16rem);position:absolute;bottom:-1.5rem;left:-1.5rem}.holiday-bouquet{opacity:.8;width:min(24vw,9.5rem);position:absolute;bottom:-2.5rem;left:.5rem}.holiday-sway{animation:6s ease-in-out infinite alternate holiday-sway}.holiday-ribbons{opacity:.55;width:100%;height:7rem;position:absolute;bottom:2%;left:0;right:0}.holiday-ribbons path[stroke=\#ffffff]{filter:drop-shadow(0 0 1px #0a0e2c40)}.holiday-ribbon-drift{animation:22s linear infinite holiday-drift}.holiday-girih{color:#c9971c38;width:min(55vw,34rem);position:absolute;top:5%;right:-2rem;-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}.holiday-crescent{color:#e8b23a;filter:drop-shadow(0 0 18px #ffcd50b3);opacity:.85;width:6.5rem;animation:4s ease-in-out infinite alternate holiday-glow;position:absolute;top:14%;right:6%}.holiday-sky{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.holiday-sky>i{width:calc(11px * var(--s,1));height:calc(11px * var(--s,1));opacity:.85;animation-name:holiday-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-6%}.holiday-sky--newyear>i{background:radial-gradient(circle,#fff 30%,#c9dcff 70%,#0000 72%);border-radius:50%;box-shadow:0 0 6px #78a0e699}.dark .holiday-sky--newyear>i{background:radial-gradient(circle,#fff 45%,#0000 72%);box-shadow:0 0 8px #ffffff80}.holiday-sky--navruz>i,.holiday-sky--march8>i{width:calc(10px * var(--s,1));height:calc(14px * var(--s,1));border-radius:75% 0}.holiday-sky--navruz>i:nth-child(3n){background:#ffb3c7}.holiday-sky--navruz>i:nth-child(3n+1){background:#9bd96a}.holiday-sky--navruz>i:nth-child(3n+2){background:#ffd36b}.holiday-sky--march8>i:nth-child(3n){background:#ff7aa2}.holiday-sky--march8>i:nth-child(3n+1){background:#ffb3c7}.holiday-sky--march8>i:nth-child(3n+2){background:#ff9a7a}.holiday-sky--independence>i{width:calc(6px * var(--s,1));height:calc(13px * var(--s,1));border-radius:2px}.holiday-sky--independence>i:nth-child(4n){background:#0099b5}.holiday-sky--independence>i:nth-child(4n+1){background:#1eb53a}.holiday-sky--independence>i:nth-child(4n+2){background:#fff;box-shadow:0 0 0 1px #0a0e2c14}.holiday-sky--independence>i:nth-child(4n+3){width:calc(4px * var(--s,1));background:#ce1126}.holiday-sky--ramadan>i,.holiday-sky--qurbon>i{clip-path:polygon(50% 0,61% 38%,100% 38%,68% 61%,79% 100%,50% 76%,21% 100%,32% 61%,0 38%,39% 38%);background:linear-gradient(135deg,#ffe08a,#e0a800)}.holiday-intro{z-index:60;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}}@layer utilities;@keyframes holiday-card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes holiday-swing{0%{rotate:-7deg}to{rotate:7deg}}@keyframes holiday-twinkle{0%{opacity:.55}to{opacity:1}}@keyframes holiday-spin{to{transform:rotate(1turn)}}@keyframes holiday-sway{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}@keyframes holiday-drift{to{transform:translate(-900px)}}@keyframes holiday-glow{0%{opacity:.65}to{opacity:.95}}@keyframes holiday-fall{0%{transform:translate(0,0)rotate(0)}50%{transform:translate3d(calc(var(--sway,1) * 26px), 55svh, 0) rotate(160deg)}to{transform:translate3d(calc(var(--sway,1) * -10px), 108svh, 0) rotate(320deg)}}@media (prefers-reduced-motion:reduce){.holiday-sky,.holiday-intro{display:none}.holiday-card,.holiday-garland-item,.holiday-bulb,.holiday-lantern-light,.holiday-flake,.holiday-sway,.holiday-ribbon-drift,.holiday-crescent{animation:none}}
