:root{--dark-bg-primary: #1a1a1a;--dark-bg-secondary: #2d2d2d;--dark-text-primary: #ffffff;--dark-text-secondary: #cccccc;--light-bg-primary: #f8f9fa;--light-bg-secondary: #e9ecef;--light-text-primary: #212529;--light-text-secondary: #495057;--accent-fire: #ff6b35;--accent-frost: #4a90e2;--accent-tech: #b87333;--color-primary: var(--accent-fire);--color-secondary: var(--accent-frost);--color-warning: var(--accent-tech);--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--space-1: 0.5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--space-12: 6rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.6;color:var(--light-text-primary);background-color:var(--light-bg-primary)}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-2)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.section-dark{background-color:var(--dark-bg-primary);color:var(--dark-text-primary)}.section-light{background-color:var(--light-bg-primary);color:var(--light-text-primary)}.section-fire{background-color:var(--accent-fire);color:var(--dark-text-primary)}.section-frost{background-color:var(--accent-frost);color:var(--dark-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-top:0;margin-bottom:var(--space-2)}h1{font-size:var(--font-size-4xl);font-weight:800}h2{font-size:var(--font-size-3xl);font-weight:700}h3{font-size:var(--font-size-2xl);font-weight:600}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-2)}.btn{display:inline-block;padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-bold);text-decoration:none;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all 0.3s ease;font-size:1.125rem;text-align:center;min-width:180px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.btn-primary{background-color:var(--accent-fire);color:var(--dark-text-primary);box-shadow:0 4px 16px rgba(229,90,43,0.3)}.btn-primary:hover{background-color:#e55a2b;transform:translateY(-2px);box-shadow:0 8px 24px rgba(229,90,43,0.4)}.btn-secondary{background:transparent;color:var(--accent-frost);border-color:var(--accent-frost);box-shadow:0 4px 16px rgba(74,144,226,0.2)}.btn-secondary:hover{background-color:var(--accent-frost);color:var(--dark-text-primary);box-shadow:0 8px 24px rgba(74,144,226,0.4)}.card{background-color:var(--light-bg-secondary);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:0 4px 16px rgba(0,0,0,0.1);border:1px solid var(--light-border);transition:transform 0.3s ease, box-shadow 0.3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.card-dark{background-color:var(--dark-bg-secondary);color:var(--dark-text-primary);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.site-header{background-color:var(--dark-bg-primary);border-bottom:2px solid var(--accent-fire);position:sticky;top:0;z-index:1000}.nav-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-2);display:flex;justify-content:space-between;align-items:center;height:64px}.nav-brand a{color:var(--dark-text-primary);text-decoration:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.nav-links{display:flex;align-items:center;gap:var(--space-3)}.nav-link{color:var(--dark-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color 0.2s ease}.nav-link:hover{color:var(--accent-fire)}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("/assets/images/MainMenuBackground.webp");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, rgba(26,26,26,0.8), rgba(45,45,45,0.6));z-index:2}.hero-content{position:relative;z-index:3;max-width:800px;padding:0 var(--space-2)}.hero-title{font-size:var(--font-size-4xl);color:var(--dark-text-primary);margin-bottom:var(--space-2);text-shadow:2px 2px 4px rgba(0,0,0,0.8)}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--accent-fire);margin-bottom:var(--space-3);font-weight:var(--font-weight-medium);text-shadow:1px 1px 2px rgba(0,0,0,0.8)}.hero-description{font-size:var(--font-size-lg);color:var(--dark-text-secondary);margin-bottom:var(--space-6);text-shadow:1px 1px 2px rgba(0,0,0,0.8)}.hero-cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.grid-3{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.mechanics-showcase{padding:var(--space-8) 0}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.mechanic-card{background:var(--dark-bg-secondary);color:var(--dark-text-primary);border-radius:12px;padding:var(--space-4);box-shadow:0 4px 16px rgba(0,0,0,0.3);transition:transform 0.3s ease, box-shadow 0.3s ease}.mechanic-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px rgba(255,107,53,0.2)}.mechanic-icon{width:64px;height:64px;background:linear-gradient(135deg, var(--accent-fire), var(--accent-frost));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);font-size:var(--font-size-2xl)}.mechanic-title{color:var(--accent-fire);margin-bottom:var(--space-2)}.mechanic-description{color:var(--dark-text-secondary);margin-bottom:var(--space-2)}.mechanic-note{font-size:var(--font-size-sm);font-style:italic;color:var(--accent-frost)}.asset-gallery{padding:var(--space-8) 0}.hero-asset{position:relative;width:100%;height:400px;overflow:hidden;border-radius:12px;margin-bottom:var(--space-6)}.hero-asset img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-asset-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(26,26,26,0.9));color:var(--dark-text-primary);padding:var(--space-4)}.asset-grid-primary{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.primary-asset{background:var(--dark-bg-secondary);border-radius:8px;overflow:hidden;transition:transform 0.2s ease, box-shadow 0.2s ease}.primary-asset:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.primary-asset img{width:100%;height:200px;object-fit:cover}.asset-info{padding:var(--space-3);color:var(--dark-text-primary)}.asset-tag{display:inline-block;background:var(--accent-tech);color:var(--dark-text-primary);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.site-footer{padding:var(--space-8) 0 var(--space-4);margin-top:var(--space-8)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-6)}.footer-section h3,.footer-section h4{color:var(--accent-fire);margin-bottom:var(--space-2)}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:var(--space-1)}.footer-section a{color:var(--dark-text-secondary);text-decoration:none;transition:color 0.2s ease}.footer-section a:hover{color:var(--accent-fire)}@media (max-width: 768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-xl)}.hero-cta{flex-direction:column;align-items:center}.nav-links{gap:var(--space-2)}.btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.mechanics-grid{grid-template-columns:1fr}.asset-grid-primary{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}@media (max-width: 480px){.hero{height:80vh;min-height:500px}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-lg)}.container{padding:0 var(--space-1)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("/assets/images/MainMenuBackground.webp");background-size:cover;background-position:center;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(20,20,24,0.8), rgba(20,20,24,0.6));z-index:2}.hero-content{position:relative;z-index:3;text-align:center;max-width:800px;padding:var(--space-6)}.hero-title{font-size:clamp(3rem, 8vw, 6rem);font-weight:800;color:var(--accent-fire);margin-bottom:var(--space-2);text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.hero-subtitle{font-size:clamp(1.25rem, 3vw, 2rem);color:var(--accent-frost);margin-bottom:var(--space-4);font-weight:300}.hero-description{font-size:clamp(1rem, 2vw, 1.25rem);color:var(--dark-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.mechanics-showcase{padding:var(--space-8) 0}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.mechanic-card{background:var(--light-bg-secondary);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--light-border);transition:transform 0.3s ease, box-shadow 0.3s ease;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.mechanic-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,0,0,0.15)}.mechanic-icon{width:80px;height:80px;margin-bottom:var(--space-4);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.mechanic-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.mechanic-card:hover .mechanic-image{transform:scale(1.1)}.mechanic-title{color:var(--accent-fire);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-2)}.mechanic-description{color:var(--light-text-primary);line-height:1.6;margin-bottom:var(--space-2)}.mechanic-note{color:var(--accent-tech);font-size:0.875rem;font-style:italic;font-weight:500}.grid{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}.asset-gallery{padding:var(--space-8) 0}.hero-asset{position:relative;margin-bottom:var(--space-8);border-radius:var(--radius-lg);overflow:hidden}.hero-asset img{width:100%;height:400px;object-fit:cover}.hero-asset-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(0,0,0,0.8));padding:var(--space-6);color:white}.hero-asset-overlay h3{margin-bottom:var(--space-2);font-size:1.5rem}.asset-grid-primary{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-6)}.primary-asset{background:var(--dark-bg-secondary);border-radius:var(--radius-md);overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;box-shadow:0 6px 20px rgba(0,0,0,0.3)}.primary-asset:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,0.4)}.primary-asset img{width:100%;height:250px;object-fit:cover}.asset-info{padding:var(--space-4)}.asset-info h4{color:var(--dark-text-primary);margin-bottom:var(--space-1);font-size:1.125rem}.asset-tag{display:inline-block;background:var(--accent-tech);color:var(--dark-text-primary);padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;margin-bottom:var(--space-2)}.asset-info p{color:var(--dark-text-secondary);font-size:0.875rem;line-height:1.5}.image-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:var(--space-4)}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:modalFadeIn 0.3s ease-out}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:-40px;right:0;color:var(--dark-text-primary);font-size:2rem;font-weight:bold;cursor:pointer;z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);border-radius:50%;transition:background-color 0.3s ease}.modal-close:hover{background:rgba(255,255,255,0.2)}.modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px rgba(0,0,0,0.5)}.modal-info{text-align:center;margin-top:var(--space-4);max-width:600px;background:rgba(26,26,26,0.9);padding:var(--space-4);border-radius:var(--radius-md);backdrop-filter:blur(10px)}.modal-info h3{color:var(--dark-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-2);font-weight:var(--font-weight-bold)}.modal-tag{display:inline-block;background:var(--accent-fire);color:var(--dark-text-primary);padding:0.5rem 1rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.modal-info p{color:var(--dark-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0}@media (max-width: 768px){.modal-content{padding:var(--space-2)}.modal-close{top:-30px;font-size:1.5rem;width:30px;height:30px}.modal-image{max-height:60vh}.modal-info{margin-top:var(--space-3);padding:var(--space-3)}.modal-info h3{font-size:var(--font-size-xl)}.modal-info p{font-size:var(--font-size-base)}}