@font-face{font-family:beleren-bold;src:url(Beleren2016-Bold.ttf)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e1a;--bg-secondary: #1a1f2e;--text-primary: #f5f5f5;--text-secondary: #b8b8b8;--accent-gold: #d4af37;--accent-blue: #4a90e2;--accent-purple: #9b59b6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(212, 175, 55, .3)}body{font-family:beleren-bold;background:var(--bg-primary);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;padding:2rem;max-width:1800px;margin:0 auto}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;padding:1rem}}@media (min-width: 1920px){.card-grid{grid-template-columns:repeat(10,1fr)}}.app-header{background:var(--bg-primary);backdrop-filter:blur(10px);padding:2rem 0;position:sticky;top:0;z-index:100}.header-content{max-width:1800px;margin:0 auto;padding:0 2rem;text-align:center}.main-title{font-size:3.5rem;font-weight:700;background:var(--text-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 0 30px rgba(212,175,55,.3);letter-spacing:-.02em}.title-icon{display:inline-block;margin-right:.5rem;filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}.subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:300}.main-content{padding:2rem 0;min-height:calc(100vh - 200px)}