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

 :root {
   --dark: #0d0f12;
   --darker: #080a0c;
   --gold: #d4af37;
   --gold-light: #f0d98c;
   --red: #8b7355;
   --red-light: #a89078;
   --text: #f5f3ed;
   --muted: #9a8f7e;
   --border: rgba(212, 175, 55, 0.2);
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   font-family: 'Crimson Pro', sans-serif;
   background: var(--dark);
   color: var(--text);
   line-height: 1.7;
   font-size: clamp(15px, 0.95vw, 19px);
   overflow-x: hidden;
 }

 header {
   position: relative;
   background: var(--darker);
   border-bottom: 1px solid var(--border);
   padding: 2.5rem 5%;
 }

 .header-back {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   color: var(--muted);
   text-decoration: none;
   font-size: 0.9rem;
   font-weight: 600;
   letter-spacing: 0.03em;
   text-transform: uppercase;
   margin-bottom: 1.5rem;
   transition: color 0.2s;
 }

 .header-back:hover {
   color: var(--gold);
 }

 .header-back svg {
   transition: transform 0.2s;
 }

 .header-back:hover svg {
   transform: translateX(-3px);
 }

 .header-title {
   font-family: 'Bebas Neue', sans-serif;
   font-size: clamp(2.5rem, 5vw, 4rem);
   line-height: 1;
   letter-spacing: 0.02em;
   color: #fff;
   margin-bottom: 0.8rem;
 }

 .header-title span {
   color: var(--gold);
 }

 .header-meta {
   color: var(--muted);
   font-size: 0.9rem;
   font-weight: 500;
 }

 main {
   max-width: 900px;
   margin: 0 auto;
   padding: 4rem 5% 6rem;
 }

 h2 {
   font-family: 'Bebas Neue', sans-serif;
   font-size: clamp(1.8rem, 3vw, 2.4rem);
   letter-spacing: 0.03em;
   color: var(--gold);
   margin: 3rem 0 1.2rem;
   line-height: 1.2;
 }

 h2:first-of-type {
   margin-top: 0;
 }

 h3 {
   font-size: 1.25rem;
   font-weight: 700;
   color: #fff;
   margin: 2rem 0 1rem;
   letter-spacing: 0.01em;
 }

 h4 {
   font-size: 1.05rem;
   font-weight: 600;
   color: var(--gold-light);
   margin: 1.5rem 0 0.8rem;
 }

 p {
   margin-bottom: 1.2rem;
   color: var(--text);
   font-weight: 400;
 }

 ul,
 ol {
   margin: 1.2rem 0 1.5rem 1.5rem;
   color: var(--text);
 }

 ul {
   list-style: none;
 }

 ul li {
   position: relative;
   padding-left: 1.5rem;
   margin-bottom: 0.7rem;
 }

 ul li::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0.7em;
   width: 6px;
   height: 6px;
   background: var(--gold);
   border-radius: 50%;
 }

 a {
   color: var(--gold);
   text-decoration: none;
   border-bottom: 1px solid transparent;
   transition: border-color 0.2s;
 }

 a:hover {
   border-bottom-color: var(--gold);
 }

 strong,
 b {
   color: #fff;
   font-weight: 700;
 }

 .contact-box {
   background: var(--darker);
   border: 1px solid var(--border);
   border-radius: 8px;
   padding: 2rem 2.5rem;
   margin: 3rem 0;
 }

 .contact-box h3 {
   margin-top: 0;
   color: var(--gold);
 }

 .contact-box p {
   margin-bottom: 0.5rem;
 }

 hr {
   border: none;
   height: 1px;
   background: var(--border);
   margin: 3rem 0;
 }

 footer {
   background: var(--darker);
   border-top: 1px solid var(--border);
   padding: 2rem 5%;
   text-align: center;
   color: var(--muted);
   font-size: 0.9rem;
 }

 footer a {
   color: var(--muted);
   margin: 0 0.8rem;
 }

 footer a:hover {
   color: var(--gold);
 }

 @media (max-width: 768px) {
   header {
     padding: 2rem 5%;
   }

   main {
     padding: 3rem 5% 4rem;
   }

   h2 {
     margin: 2rem 0 1rem;
   }

   .contact-box {
     padding: 1.5rem;
   }
 }