:root {
     --accent: #F5B700;
     --accent-light: #FFD700;
     --bg: #1A2E22;
     --surface: #14261D;
     --border: #2D4A3A;
     --text: #F3F4F6;
     --muted: #C7D0CB;
 }
 
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(20px);
     }
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }
 
 .animate-fade-in {
     opacity: 0;
     transform: translateY(20px);
     animation: fadeInUp 0.8s ease forwards;
 }
 
 .animation-delay-100 {
     animation-delay: 0.1s;
 }
 
 .animation-delay-200 {
     animation-delay: 0.2s;
 }
 
 .animation-delay-300 {
     animation-delay: 0.3s;
 }
 
 /*Navigation*/
 .nav-link {
     color: var(--text);
     font-weight: 500;
     position: relative;
     display: inline-block;
     transition: transform 180ms ease, color 180ms ease;
 }
 
 .nav-link:hover {
     transform: translateY(-1px);
     color: var(--accent-light);
 }
 
 .nav-link.active {
     color: var(--accent);
 }
 
 .nav-link.active::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -10px;
     width: 100%;
     height: 2px;
     background: var(--accent);
     border-radius: 999px;
 }
 
 /*Scrllbr Sling */
 ::-webkit-scrollbar {
     width: 10px;
 }
 
 ::-webkit-scrollbar-track {
     background: var(--surface);
 }
 
 ::-webkit-scrollbar-thumb {
     background: rgba(245, 183, 0, 0.45);
     border-radius: 999px;
     border: 2px solid var(--surface);
 }
 
 ::-webkit-scrollbar-thumb:hover {
     background: rgba(245, 183, 0, 0.7);
 }
 
 /* Custom Utility Classes */
 .hover-glow:hover {
     box-shadow: 0 0 18px rgba(245, 183, 0, 0.25);
 }
 
 .reveal {
     opacity: 0;
     transform: translateY(16px);
     transition: opacity 600ms ease, transform 600ms ease;
     will-change: opacity, transform;
 }
 
 .reveal.is-visible {
     opacity: 1;
     transform: translateY(0);
 }
 
 @media (prefers-reduced-motion: reduce) {
     .animate-fade-in {
         animation: none;
         opacity: 1;
         transform: none;
     }
     .reveal {
         transition: none;
         opacity: 1;
         transform: none;
     }
 }
 
 /*Navigation*/
 
 /*Scrllbr Sling */
 
 /* Custom Utility Classes */