@tailwind base;@tailwind components;@tailwind utilities;:root{--color-text:#03252E;--color-blue-100:#1685A3;--color-gray-50:#BDC8CC;--color-gray-100:#90989B;--color-gray-150:#63696B;--color-background-gray:#EFF5F7;--color-background-gray-2:#F7F9F9;--color-background-gray-3:#F3F4EF;--color-orange:#F15A22;--color-border-gray:#03252E1A}html{scroll-behavior:smooth}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.hero-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.interactive-card{transition:all .3s ease}.interactive-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.backdrop-blur{backdrop-filter:blur(10px)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.typography-heading-2{font-size:3.75rem;font-weight:600;line-height:1.2em;letter-spacing:-.02em;color:var(--color-text)}.typography-heading-4{font-size:2.5rem;font-weight:600;line-height:1.1em;letter-spacing:-.02em;color:var(--color-text)}.typography-heading-5{font-size:2rem;font-weight:600;line-height:1.2em;letter-spacing:-.02em;color:var(--color-text)}.typography-heading-6{font-size:1.5rem;font-weight:500;line-height:1.1em;letter-spacing:-.02em;color:var(--color-text)}.typography-paragraph-main{font-size:1.125rem;font-weight:400;line-height:1.5em;color:var(--color-text)}.typography-paragraph-sm{font-size:.875rem;font-weight:400;line-height:1.4em;color:var(--color-text)}.typography-link{font-size:.875rem;font-weight:600;line-height:.9em;letter-spacing:-.02em;color:var(--color-text);text-decoration:none}.hero-banner-title,.hero-banner-description{text-shadow:0 0 40px #000}div:has(.story-card:hover) .story-card-dim{opacity:1}div>.story-card:hover .story-card-dim{opacity:0}