:root{--primary-dark: #0a0e27;--primary-medium: #1a1f3e;--accent-gold: #d4af37;--accent-silver: #c0c0c0;--sacred-purple: #5b3a8d;--text-light: #e8e8f0;--text-secondary: #a8a8c0;--text-muted: #696980;--success: #66bb6a;--warning: #ffa726;--error: #ef5350;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--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)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-medium) 100%);color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}app-root{display:block;width:100%;min-height:100vh}.app-container{width:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-light)}h1{font-size:3.5rem;line-height:1.2;letter-spacing:-1px}@media (max-width: 768px){h1{font-size:2.5rem}}h2{font-size:2.5rem}@media (max-width: 768px){h2{font-size:1.75rem}}h3{font-size:1.75rem}@media (max-width: 768px){h3{font-size:1.25rem}}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-weight:400}a{color:var(--accent-gold);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-silver);text-shadow:0 0 8px rgba(212,175,55,.3)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--accent-gold);background:transparent;color:var(--accent-gold);font-size:1rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn:hover{background:var(--accent-gold);color:var(--primary-dark);box-shadow:0 0 20px #d4af3766}.btn.btn-secondary{border-color:var(--text-secondary);color:var(--text-secondary)}.btn.btn-secondary:hover{background:var(--text-secondary);color:var(--primary-dark);border-color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);width:100%}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}}.section{width:100%;padding:var(--spacing-xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl)}.section-title h2{color:var(--accent-gold);margin-bottom:var(--spacing-md)}.section-title p{color:var(--text-secondary);font-size:1.1rem}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.grid{grid-template-columns:1fr!important;gap:var(--spacing-md)}}.card{background:#1a1f3e99;border:1px solid rgba(212,175,55,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:#d4af3780;box-shadow:var(--shadow-lg),0 0 30px #d4af3726;transform:translateY(-4px)}.card h3{color:var(--accent-gold);margin-bottom:var(--spacing-md)}.card p{color:var(--text-secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--primary-dark)}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-silver)}::selection{background:var(--accent-gold);color:var(--primary-dark)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}