/* Custom Stylesheet for Arise Awuake */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --bg-color: #070708;
  --card-bg: #111112;
  --card-border: #1a1a1c;
  --primary-gold: #f5d00a;
  --text-white: #f5f5f7;
  --text-gray: #a1a1a6;
  --input-bg: #151516;
  --input-border: #222224;
}

body {
  background-color: var(--bg-color);
  color: var(--text-white);
  font-family: 'Raleway', sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

.font-display {
  font-family: 'Montserrat', sans-serif !important;
}

/* Custom Gold Button */
.btn-gold {
  background-color: var(--primary-gold);
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.btn-gold:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245, 208, 10, 0.2);
}

.btn-gold:active {
  transform: translateY(0);
}

/* Outline Button */
.btn-outline {
  border: 1px solid var(--primary-gold);
  color: var(--primary-gold);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

.btn-outline:hover {
  background-color: var(--primary-gold);
  color: #000000;
  transform: translateY(-1px);
}

/* Yellow Accent Text */
.text-gold {
  color: var(--primary-gold);
}

/* Yellow/Gold Underline Indicator */
.underline-indicator {
  width: 48px;
  height: 3px;
  background-color: var(--primary-gold);
  margin: 12px auto 0 auto;
}

/* Custom Cards */
.custom-card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  transition: border-color 0.3s ease;
}

.custom-card:hover {
  border-color: rgba(245, 208, 10, 0.4);
}

/* Form Inputs */
.custom-input {
  background-color: var(--input-bg);
  border: 1px solid var(--input-border);
  color: var(--text-white);
  border-radius: 4px;
  padding: 12px 16px;
  transition: border-color 0.2s ease;
}

.custom-input:focus {
  border-color: var(--primary-gold);
  outline: none;
}

/* Spotlight Hero Background */
.hero-spotlight {
  background: linear-gradient(rgba(7, 7, 8, 0.55), rgba(7, 7, 8, 0.85)), url('assets/herosection-bg-BpGjpSET.jpg');
  background-size: cover;
  background-position: center 25%;
}

.home-hero-spotlight {
  background: linear-gradient(rgba(7, 7, 8, 0.35), rgba(7, 7, 8, 0.65)), url('assets/herosection-bg-BpGjpSET.jpg');
  background-size: cover;
  background-position: center 25%;
}

/* Circular Glowing Avatar Frame */
.avatar-glow {
  position: relative;
}

.avatar-glow::before {
  content: '';
  position: absolute;
  inset: -4px;
  background: linear-gradient(135deg, var(--primary-gold), #ff5e3a);
  border-radius: 50%;
  z-index: -1;
  opacity: 0.8;
  filter: blur(8px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-color);
}

::-webkit-scrollbar-thumb {
  background: #2c2c2e;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3a3a3c;
}