.hero-section.svelte-1fiwcrr{background:linear-gradient(135deg,#fff,#e1f5fe,#b3e5fc);border-radius:var(--radius-lg);padding:var(--spacing-xl);color:#01579b;text-align:center;position:relative;overflow:hidden;margin-bottom:var(--spacing-xl);min-height:450px}.background-animation.svelte-1fiwcrr{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.bg-element.svelte-1fiwcrr{position:absolute;bottom:-10vh;left:var(--left);font-size:var(--size);animation:svelte-1fiwcrr-floatUp var(--duration) linear infinite;animation-delay:var(--delay);opacity:var(--opacity)}.bg-element[data-type=💛].svelte-1fiwcrr{color:#fff59d;text-shadow:0 0 4px gold}.bg-element[data-type=💙].svelte-1fiwcrr{color:#81d4fa}.bg-element[data-type=🤍].svelte-1fiwcrr{color:#eee;text-shadow:0 0 3px #aaa}.bg-element[data-type=⭐].svelte-1fiwcrr{color:#ffeb3b}@keyframes svelte-1fiwcrr-floatUp{0%{transform:translateY(0) rotate(0);opacity:var(--opacity)}50%{transform:translateY(-60vh) rotate(5deg);opacity:calc(var(--opacity) * .85)}to{transform:translateY(-120vh) rotate(-5deg);opacity:0}}.hero-content.svelte-1fiwcrr{position:relative;z-index:2}.hero-icons.svelte-1fiwcrr{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.icon.svelte-1fiwcrr{font-size:2.5rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1));color:#fbc02d}.icon.svelte-1fiwcrr:nth-child(2){color:#0277bd}.icon.svelte-1fiwcrr:nth-child(3){color:#fff}h1.svelte-1fiwcrr{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:#01579b;text-shadow:1px 1px 2px rgba(255,255,255,.7)}.total-days.svelte-1fiwcrr{font-size:4rem;font-weight:700;margin-bottom:var(--spacing-sm);color:#0277bd;text-shadow:1px 1px 2px rgba(255,255,255,.5);line-height:1.1}.total-days.svelte-1fiwcrr span:where(.svelte-1fiwcrr){display:block;font-size:6rem;color:#01579b}.date-info.svelte-1fiwcrr{font-size:1.1rem;position:relative;z-index:2;margin-top:var(--spacing-sm);color:#0288d1;text-shadow:1px 1px 1px rgba(255,255,255,.6)}.info-section.svelte-1fiwcrr{text-align:center;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background-color:#e3f2fd}.info-section.svelte-1fiwcrr h2:where(.svelte-1fiwcrr){color:#01579b;margin-bottom:var(--spacing-lg)}.info-section.svelte-1fiwcrr h3:where(.svelte-1fiwcrr){color:#0277bd;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.info-section.svelte-1fiwcrr>p:where(.svelte-1fiwcrr){max-width:800px;margin:0 auto var(--spacing-lg)}.info-grid.svelte-1fiwcrr{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.info-card.svelte-1fiwcrr{background-color:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;height:100%;border-top:4px solid #ffecb3;text-align:left}.info-card.svelte-1fiwcrr:nth-child(2n){border-top-color:#b3e5fc}.info-card.svelte-1fiwcrr:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.info-icon.svelte-1fiwcrr{font-size:2rem;display:block;margin-bottom:var(--spacing-sm);text-align:center;color:#fbc02d}.info-card.svelte-1fiwcrr:nth-child(2n) .info-icon:where(.svelte-1fiwcrr){color:#29b6f6}.info-card.svelte-1fiwcrr h4:where(.svelte-1fiwcrr){color:#0277bd;margin-bottom:var(--spacing-sm);text-align:center}.history-section.svelte-1fiwcrr{margin-top:var(--spacing-xl);text-align:left;background-color:#fff8e1;padding:var(--spacing-lg);border-radius:var(--radius-md)}.history-content.svelte-1fiwcrr{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);align-items:center;max-width:900px;margin:0 auto}.history-image.svelte-1fiwcrr{max-width:150px;height:auto;border-radius:var(--radius-sm);justify-self:center;filter:brightness(1.05)}.history-text.svelte-1fiwcrr ul:where(.svelte-1fiwcrr){margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg);list-style:disc}.history-text.svelte-1fiwcrr li:where(.svelte-1fiwcrr){margin-bottom:var(--spacing-sm)}.history-text.svelte-1fiwcrr li:where(.svelte-1fiwcrr)::marker{color:#ffd54f}@media (max-width: 600px){.history-content.svelte-1fiwcrr{grid-template-columns:1fr;text-align:center}.history-text.svelte-1fiwcrr ul:where(.svelte-1fiwcrr){text-align:left}.history-image.svelte-1fiwcrr{margin-bottom:var(--spacing-md)}}.observance-section.svelte-1fiwcrr{margin-top:var(--spacing-xl)}.observance-grid.svelte-1fiwcrr{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.observance-card.svelte-1fiwcrr{background-color:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;text-align:center;border-left:4px solid #81d4fa}.observance-card.svelte-1fiwcrr:nth-child(2n){border-left-color:#ffe082}.observance-card.svelte-1fiwcrr:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.observance-icon.svelte-1fiwcrr{font-size:1.8rem;display:block;margin-bottom:var(--spacing-sm);color:#29b6f6}.observance-card.svelte-1fiwcrr:nth-child(2n) .observance-icon:where(.svelte-1fiwcrr){color:#ffca28}.observance-card.svelte-1fiwcrr h4:where(.svelte-1fiwcrr){color:#0277bd;margin-top:0;margin-bottom:var(--spacing-xs);font-size:1rem}.observance-card.svelte-1fiwcrr p:where(.svelte-1fiwcrr){margin:0;font-size:.9rem}.other-countdowns.svelte-1fiwcrr{text-align:center;padding:var(--spacing-xl);background-color:#e3f2fd}.links-grid.svelte-1fiwcrr{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.countdown-link.svelte-1fiwcrr{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--background);border-radius:var(--radius-md);padding:var(--spacing-md);transition:transform .3s ease,background-color .3s ease,color .3s ease;box-shadow:var(--shadow-sm);color:var(--text-primary);text-decoration:none;border:1px solid #b3e5fc}.countdown-link.svelte-1fiwcrr:hover{transform:translateY(-3px);background-color:#ffecb3;color:#01579b;box-shadow:var(--shadow-md);border:1px solid transparent}.countdown-link.svelte-1fiwcrr:nth-child(2n):hover{background-color:#81d4fa;color:#01579b}.link-icon.svelte-1fiwcrr{font-size:1.5rem}.link-text.svelte-1fiwcrr{font-weight:500}@media (max-width: 768px){h1.svelte-1fiwcrr,.icon.svelte-1fiwcrr{font-size:2rem}.total-days.svelte-1fiwcrr{font-size:2.5rem}.total-days.svelte-1fiwcrr span:where(.svelte-1fiwcrr){font-size:4rem}.info-grid.svelte-1fiwcrr,.observance-grid.svelte-1fiwcrr{grid-template-columns:1fr}}
