@import'https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap';:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #2a2a4a;--color-bg-card: #16162a;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0b0;--color-text-muted: #6b7280;--color-accent-primary: #8b5cf6;--color-accent-secondary: #a78bfa;--color-accent-glow: rgb(139 92 246 / 30%);--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--font-sans: 'Inter', system-ui, -apple-system, sans-serif;--font-display: 'Cinzel', serif;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 4px 6px rgb(0 0 0 / 40%);--shadow-lg: 0 10px 15px rgb(0 0 0 / 50%);--shadow-glow: 0 0 20px var(--color-accent-glow);--shadow-glow-strong: 0 0 40px rgb(139 92 246 / 50%);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1)}.character-card{background:linear-gradient(145deg, var(--color-bg-card), var(--color-bg-secondary));border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.character-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:var(--color-accent-primary)}.character-card .character-image{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform var(--transition-slow)}.character-card:hover .character-image{transform:scale(1.05)}.character-card .character-info{padding:var(--space-md)}.character-card .character-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.character-card .character-title{color:var(--color-accent-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.character-card .meta-tag{display:inline-block;background:rgba(139,92,246,.2);color:var(--color-accent-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);margin-right:var(--space-xs);margin-bottom:var(--space-xs)}.character-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--space-lg);margin-top:var(--space-lg)}@media(min-width: 768px){.character-grid{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}}.site-header{border-bottom:1px solid var(--color-bg-tertiary);padding:var(--space-md) 0;margin-bottom:var(--space-xl)}.site-header nav{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.site-header .lang-switcher{display:flex;gap:var(--space-sm);margin-left:auto}.site-header .lang-switcher a{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);background:rgba(139,92,246,.1)}.site-header .lang-switcher a:hover{background:rgba(139,92,246,.2);text-decoration:none}.site-header .lang-switcher a.active{background:var(--color-accent-primary);color:#fff}.section{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-2xl);color:var(--color-accent-primary);margin-bottom:var(--space-lg)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.7;color:var(--color-text-primary);background:var(--color-bg-primary);background-image:radial-gradient(ellipse at top, rgba(139, 92, 246, 0.08) 0%, transparent 50%),radial-gradient(ellipse at bottom right, rgba(139, 92, 246, 0.05) 0%, transparent 50%);background-attachment:fixed;min-height:100vh}a,button,input,select,textarea{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none}a:hover{color:var(--color-accent-secondary);text-decoration:underline}main{max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal.delay-100{transition-delay:.1s}.reveal.delay-200{transition-delay:.2s}.reveal.delay-300{transition-delay:.3s}.reveal.delay-400{transition-delay:.4s}img{opacity:0;transition:opacity .3s ease}img[data-loaded=true]{opacity:1}/*# sourceMappingURL=main.css.map */