.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.particle{position:absolute;opacity:0;animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform,opacity;background-color:transparent;mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;transform:translateZ(0);backface-visibility:hidden}.particle-svg{width:100%;height:100%;display:block}.winter .particle{animation-name:winter-fall;animation-timing-function:ease-in-out}@keyframes winter-fall{0%{transform:translateY(-10vh) translate(0) rotate(var(--initial-rotation, 0deg));opacity:0}10%{opacity:var(--opacity)}25%{transform:translateY(25vh) translate(calc(var(--sway-x, 0vw) * .3)) rotate(calc(var(--initial-rotation, 0deg) + 90deg));opacity:var(--opacity)}50%{transform:translateY(50vh) translate(var(--sway-x, 0vw)) rotate(calc(var(--initial-rotation, 0deg) + 180deg));opacity:var(--opacity)}75%{transform:translateY(75vh) translate(calc(var(--sway-x, 0vw) * .5)) rotate(calc(var(--initial-rotation, 0deg) + 270deg));opacity:var(--opacity)}90%{opacity:var(--opacity)}to{transform:translateY(110vh) translate(0) rotate(calc(var(--initial-rotation, 0deg) + 360deg));opacity:0}}.autumn .particle{animation-name:autumn-fall;animation-timing-function:cubic-bezier(.4,0,.6,1)}@keyframes autumn-fall{0%{transform:translateY(-10vh) translate(0) rotate(var(--initial-rotation, 0deg));opacity:0}10%{opacity:var(--opacity)}25%{transform:translateY(25vh) translate(calc(var(--sway-x, 0vw) * .4)) rotate(calc(var(--initial-rotation, 0deg) + 180deg));opacity:var(--opacity)}50%{transform:translateY(50vh) translate(var(--sway-x, 0vw)) rotate(calc(var(--initial-rotation, 0deg) + 360deg));opacity:var(--opacity)}75%{transform:translateY(75vh) translate(calc(var(--sway-x, 0vw) * .6)) rotate(calc(var(--initial-rotation, 0deg) + 540deg));opacity:var(--opacity)}90%{opacity:var(--opacity)}to{transform:translateY(110vh) translate(0) rotate(calc(var(--initial-rotation, 0deg) + 720deg));opacity:0}}.small{width:13px;height:13px;filter:blur(.1px)}.medium{width:20px;height:20px}.large{width:29px;height:29px;filter:blur(.3px)}.opacity-low{--opacity: .5}.opacity-medium{--opacity: .65}.opacity-high{--opacity: .9}.winter .particle{color:#ffffffe6}.autumn .particle{color:#d46a2e}@media(max-width:768px){.particle:nth-child(n+26){display:none}}@media(prefers-reduced-motion:reduce){.particle-container{display:none}}@supports (content-visibility: auto){.particle-container{content-visibility:auto}}*{margin:0;padding:0}.season-demo-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:background .8s ease-in-out;position:relative;overflow:hidden}.season-demo-container.winter-bg{background:linear-gradient(135deg,#667eea,#955cce,#f093fb);padding:2.5rem}.season-demo-container.autumn-bg{background:linear-gradient(135deg,#f6d365,#fda085,#f38181);padding:2.5rem}.season-demo-content{max-width:1200px;width:100%;border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.season-demo-header{text-align:center;margin-bottom:3rem}.season-demo-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#4161f0,#0b0e0d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 3s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.season-demo-subtitle{font-size:1.25rem;color:#0a0909;margin-bottom:2rem}.season-toggle-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.season-toggle-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.season-toggle-button:hover:before{width:300px;height:300px}.season-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.season-toggle-button:active{transform:translateY(0)}.season-toggle-button:focus-visible{outline:3px solid #667eea;outline-offset:3px}.season-toggle-icon{font-size:1.5rem;transition:transform .3s ease}.season-toggle-button:hover .season-toggle-icon{transform:rotate(180deg)}.season-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.season-info-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;border-radius:16px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.season-info-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.season-info-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}.season-info-card p{font-size:1rem;line-height:1.6;color:#555}.current-season-badge{display:inline-block;padding:.5rem 1rem;background:#667eea1a;border:2px solid #667eea;border-radius:20px;font-weight:600;color:#667eea;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:1024px){.season-demo-content{padding:2rem}.season-demo-title{font-size:2.5rem}.season-info-grid{grid-template-columns:1fr}}@media(max-width:640px){.season-demo-container{padding:1rem}.season-demo-content{padding:1.5rem;border-radius:16px}.season-demo-title{font-size:2rem}.season-demo-subtitle{font-size:1rem}.season-toggle-button{padding:.875rem 1.5rem;font-size:1rem}.season-info-card{padding:1.5rem}.season-info-card h3{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.season-demo-content,.season-toggle-button,.season-info-card,.season-toggle-icon{animation:none;transition:none}.season-toggle-button:hover .season-toggle-icon{transform:none}}@media(prefers-contrast:high){.season-demo-content{background:#fff;border:2px solid black}.season-toggle-button{border:2px solid white}.season-info-card{border:2px solid #333}}