:root { --bg: #050a1f; --gold: #d4af37; --white: #ffffff; --gray: #b0c4de; }
body { background: #050a1f; color: var(--white); font-family: 'Inter', sans-serif; margin: 0; line-height: 1.6; }
nav { padding: 30px 10%; display: flex; justify-content: space-between; align-items: center; }
.nav-links a { color: var(--white); margin-left: 20px; text-decoration: none; font-weight: 600; }
.section { padding: 60px 10%; }
h1, h2 { color: var(--gold); }

/* Phone Animation */
.phone-box { width: 280px; height: 500px; background: #000; border-radius: 40px; border: 2px solid #333; display: flex; align-items: center; justify-content: center; position: relative; animation: shimmer 3s infinite; }
@keyframes shimmer { 0%, 100% { box-shadow: 0 0 20px #d4af37; } 50% { box-shadow: 0 0 60px #d4af37; } }

/* Boxes & Circles */
.box { border: 2px solid var(--gold); padding: 20px; text-align: center; margin: 10px; }
.circle { width: 120px; height: 120px; border: 2px solid var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; margin: 10px; }

/* FAQ */
details { background: #111; padding: 15px; margin-bottom: 10px; border-left: 3px solid var(--gold); cursor: pointer; }