:root {
     --bg: #0a0a0c;
     --card: #121216;
     --primary: #d4af37;
     --primary-dark: #b8972e;
     --text: #f8f8f9;
     --muted: #a0a0a5;
     --accent: #1a1a20;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Poppins', sans-serif;
 }

 body {
     background: var(--bg);
     color: var(--text);
     line-height: 1.6;
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 /* SECTIONS */
 section {
     padding: 80px 5rem;
     max-width: 1600px;
     margin: 0 auto;
 }

 .section-title {
     text-align: center;
     margin-bottom: 4rem;
 }

 .section-title h2 {
     font-size: 3.2rem;
     font-weight: 700;
     letter-spacing: 2px;
 }

 .section-title p {
     color: var(--muted);
     font-size: 1.2rem;
     margin-top: 0.8rem;
 }

 /* Very small phones (≤ 360px) */
 @media (max-width: 360px) {
     :root {
         --base-font: 14px;
     }
 }

 @media (max-width: 600px) {
     :root {
         --section-padding: 50px 18px;
     }

     section {
         padding: var(--section-padding);
     }

     .section-title h2 {
         font-size: 2.1rem;
     }

     .section-title p {
         font-size: 0.95rem;
     }

 }

 @media (prefers-reduced-motion: reduce) {
     * {
         transition: none !important;
         animation: none !important;
     }
 }

 @media (max-width: 820px) {

     section {
         padding: 60px 16px;
     }
 }

 @media (min-width: 1100px) {
     section {
         padding: 100px 0rem;
         max-width: 1600px;
         margin: 0 auto;
     }
 }