@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap');

:root {
  /* Gold & Dark Palette */
  --primary-color: #D4AF37; /* Gold */
  --secondary-color: #B7950B;
  --accent-color: #F1C40F;
  --light-color: #2C3E50; 
  --dark-color: #0E1111; /* Very Black */
  --card-bg: #171A1D;
  --gradient-primary: linear-gradient(135deg, #F7DC6F 0%, #D4AF37 100%);
  --hover-color: #F39C12;
  --background-color: #121416;
  --text-color: #ECF0F1; /* Light text */
  
  /* Dark Neumorphism */
  --border-color: rgba(212, 175, 55, 0.3);
  --shadow-light: rgba(255, 255, 255, 0.05);
  --shadow-dark: rgba(0, 0, 0, 0.8);
  --highlight-color: #C0392B;
  
  --main-font: 'Lora', serif;
  --alt-font: 'Inter', sans-serif;
}

body { font-family: var(--alt-font); color: var(--text-color); background-color: var(--background-color); margin: 0; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: var(--main-font); margin-bottom: 0.5em; color: var(--primary-color); }

/* Dark Neumorphism Cards */
.neu-flat { background: var(--card-bg); box-shadow: 10px 10px 20px var(--shadow-dark), -5px -5px 15px var(--shadow-light); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.05); }
.neu-pressed { background: #0f1113; box-shadow: inset 5px 5px 10px #000, inset -2px -2px 5px rgba(255,255,255,0.05); border-radius: 5px; border: 1px solid #333; color: white; }
.neu-btn { background: var(--gradient-primary); color: #000; border: none; padding: 12px 30px; border-radius: 5px; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2); transition: all 0.3s; cursor: pointer; display: inline-block; text-decoration: none; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.neu-btn:hover { box-shadow: 0 0 20px rgba(212, 175, 55, 0.6); transform: scale(1.02); }

/* Mobile Menu */
#menu-toggle { display: none; }
.mobile-menu { display: none; }
@media (max-width: 768px) {
    .desktop-nav { display: none; }
    .hamburger-icon { display: block; cursor: pointer; font-size: 1.5rem; color: var(--primary-color); }
    #menu-toggle:checked + .mobile-menu { display: block; position: absolute; top: 60px; left: 0; width: 100%; background: var(--card-bg); padding: 20px; z-index: 50; border-bottom: 1px solid var(--primary-color); }
    .mobile-menu ul { list-style: none; padding: 0; }
    .mobile-menu li { margin-bottom: 15px; text-align: center; }
    .mobile-menu a { color: var(--primary-color); text-decoration: none; font-size: 1.2rem; }
}

.section-pad { padding-top: 10vh; padding-bottom: 10vh; }
.text-gold { color: var(--primary-color); }
input::placeholder, textarea::placeholder { color: #555; }