@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#111118;--color-bg-card:#14141eb3;--color-bg-glass:#1e1e2d66;--color-purple-primary:#7b2d8e;--color-purple-light:#a855c7;--color-purple-dim:#4a1a5e;--color-purple-glow:#a855c74d;--color-mood-neutral:#1a1a24;--color-mood-tension:#1a1018;--color-mood-dark:#150a0a;--color-mood-oppressive:#0d0505;--color-text-primary:#e8e6f0;--color-text-secondary:#9a96a8;--color-text-muted:#5e5a6e;--color-text-accent:#c9a0dc;--color-red-dark:#8b1a1a;--color-red-glow:#8b1a1a66;--color-gold:#c9a84c;--color-gold-dim:#c9a84c33;--border-subtle:1px solid #ffffff0f;--border-glass:1px solid #ffffff1a;--shadow-card:0 8px 32px #0006;--shadow-glow-purple:0 0 40px #7b2d8e4d;--shadow-glow-red:0 0 40px #8b1a1a4d;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--space-2xl:10rem;--max-width:430px;--max-width-narrow:430px;--ease-smooth:cubic-bezier(.25, .1, .25, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.2s var(--ease-smooth);--transition-medium:.4s var(--ease-smooth);--transition-slow:.8s var(--ease-smooth)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-text-size-adjust:100%;min-height:100dvh;line-height:1.7;overflow-x:hidden}#root{width:100%;position:relative}.mobile-wrapper{background-color:var(--color-bg-primary);width:100%;max-width:430px;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);margin:0 auto;position:relative;overflow-x:hidden}@media (width>=481px){body{background-color:#000}.mobile-wrapper{box-shadow:0 0 80px #000c}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-purple-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-purple-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.3rem,3vw,2rem)}h4{font-size:clamp(1.1rem,2vw,1.5rem)}p{color:var(--color-text-secondary);max-width:65ch;font-size:clamp(.95rem,1.2vw,1.1rem)}blockquote{border-left:3px solid var(--color-purple-primary);padding:var(--space-sm) var(--space-md);font-family:var(--font-heading);color:var(--color-text-accent);background:var(--color-bg-glass);border-radius:0 8px 8px 0;font-size:1.2rem;font-style:italic}.section{padding:var(--space-lg) var(--space-sm);flex-direction:column;justify-content:center;align-items:center;min-height:auto;display:flex;position:relative}.section-inner{width:100%;max-width:var(--max-width);z-index:20;margin:0 auto;position:relative}.section-narrow{max-width:var(--max-width-narrow)}.card{background:var(--color-bg-card);border:var(--border-glass);padding:var(--space-sm);box-shadow:var(--shadow-card);border-radius:12px}.card-dark{background:#0a0a0fcc;border-color:#8b1a1a33}.card-dark:hover{box-shadow:var(--shadow-card), var(--shadow-glow-red)}.glass{background:var(--color-bg-glass);border:var(--border-glass);border-radius:12px}.section-divider{width:100%;max-width:var(--max-width);background:linear-gradient(90deg, transparent, var(--color-purple-dim) 20%, var(--color-purple-primary) 50%, var(--color-purple-dim) 80%, transparent);height:1px;margin:var(--space-lg) auto;opacity:.5}.date-badge{background:var(--color-purple-dim);border:1px solid var(--color-purple-primary);font-family:var(--font-body);color:var(--color-purple-light);letter-spacing:.05em;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.stat-block{text-align:center;padding:var(--space-md)}.stat-number{font-family:var(--font-heading);color:var(--color-text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-xs);font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-purple{0%,to{box-shadow:0 0 20px #7b2d8e33}50%{box-shadow:0 0 40px #7b2d8e80}}@keyframes scroll-hint{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@keyframes line-draw{to{stroke-dashoffset:0}}::selection{background:var(--color-purple-primary);color:#fff}:focus-visible{outline:2px solid var(--color-purple-light);outline-offset:2px}a{color:var(--color-purple-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-accent)}