@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --ae-bg-void: #060504;
  --ae-bg-deep: #0b0a08;
  --ae-bg-surface: #100e0b;
  --ae-bg-elevated: #161410;
  --ae-gold-deepest: #5C4413;
  --ae-gold-dark: #7A5C1F;
  --ae-gold-mid: #A07D2E;
  --ae-gold: #BF9B3B;
  --ae-gold-light: #D4B25A;
  --ae-gold-bright: #E2C97C;
  --ae-gold-champagne: #EDD9A3;
  --ae-gold-white: #F5EBCF;
  --ae-text-primary: #EDE6D6;
  --ae-text-secondary: #9C9484;
  --ae-text-muted: #5E5849;
  --ae-gold-gradient: linear-gradient(135deg, #5C4413 0%, #7A5C1F 15%, #A07D2E 30%, #BF9B3B 45%, #D4B25A 55%, #E2C97C 70%, #D4B25A 80%, #A07D2E 90%, #7A5C1F 100%);
  --ae-gold-shimmer: linear-gradient(90deg, #7A5C1F, #BF9B3B, #E2C97C, #D4B25A, #BF9B3B, #7A5C1F);
  --ae-bubble-bg: rgba(255, 255, 255, 0.03);
  --ae-bubble-bg-hover: rgba(255, 255, 255, 0.055);
  --ae-bubble-border: rgba(255, 255, 255, 0.06);
  --ae-bubble-border-hover: rgba(191, 155, 59, 0.15);
  --ae-bubble-blur: 40px;
  --ae-bubble-radius: 28px;
  --ae-bubble-radius-lg: 36px;
  --ae-pill-radius: 100px;
  --ae-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ae-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--ae-bg-void);
  color: var(--ae-text-primary);
  font-family: 'DM Sans', -apple-system, sans-serif;
  font-weight: 300;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .display {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.gold { color: var(--ae-gold); }

.gold-gradient {
  background: var(--ae-gold-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.bubble {
  background: var(--ae-bubble-bg);
  backdrop-filter: blur(var(--ae-bubble-blur));
  -webkit-backdrop-filter: blur(var(--ae-bubble-blur));
  border: 1px solid var(--ae-bubble-border);
  border-radius: var(--ae-bubble-radius);
  transition: all 0.3s var(--ae-spring);
}

.bubble:hover {
  background: var(--ae-bubble-bg-hover);
  border-color: var(--ae-bubble-border-hover);
}

.btn-gold {
  background: var(--ae-gold-gradient);
  color: #060504;
  border: none;
  border-radius: var(--ae-pill-radius);
  padding: 14px 32px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s var(--ae-spring);
  letter-spacing: 0.02em;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.btn-gold:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 32px rgba(191, 155, 59, 0.3);
}

.btn-ghost {
  background: transparent;
  color: var(--ae-text-secondary);
  border: 1px solid var(--ae-bubble-border);
  border-radius: var(--ae-pill-radius);
  padding: 14px 32px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s var(--ae-spring);
  display: inline-block;
  text-decoration: none;
}

.btn-ghost:hover {
  border-color: var(--ae-gold);
  color: var(--ae-gold);
}

.nav {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  background: rgba(10, 10, 8, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--ae-bubble-border);
  border-radius: var(--ae-pill-radius);
  padding: 12px 28px;
  display: flex;
  align-items: center;
  gap: 32px;
  white-space: nowrap;
}

.nav-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 500;
  color: var(--ae-gold);
  text-decoration: none;
  letter-spacing: 0.04em;
}

.nav a {
  color: var(--ae-text-secondary);
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  transition: color 0.2s var(--ae-smooth);
}

.nav a:hover { color: var(--ae-text-primary); }

input, textarea, select {
  background: var(--ae-bubble-bg);
  border: 1px solid var(--ae-bubble-border);
  border-radius: 16px;
  color: var(--ae-text-primary);
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  padding: 14px 18px;
  width: 100%;
  transition: border-color 0.2s var(--ae-smooth);
  outline: none;
}

input:focus, textarea:focus {
  border-color: var(--ae-gold);
  background: rgba(191, 155, 59, 0.04);
}

input::placeholder { color: var(--ae-text-muted); }

code, pre, .mono {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: var(--ae-gold-light);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.section {
  padding: 80px 0;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--ae-bg-deep); }
::-webkit-scrollbar-thumb { background: var(--ae-gold-dark); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ae-gold); }