/* Color Variables & Base Settings */:root {    --color-white: #FFFFFF;    --color-turquoise: #40E0D0;    --color-dark-turquoise: #00CED1;    --color-brown: #8B4513;    --color-chocolate: #D2691E;}html {    scroll-behavior: smooth;}/* Custom Scrollbar */::-webkit-scrollbar {    width: 8px;}::-webkit-scrollbar-track {    background: #f1f1f1;}::-webkit-scrollbar-thumb {    background: var(--color-chocolate);    border-radius: 4px;}::-webkit-scrollbar-thumb:hover {    background: var(--color-brown);}/* Glassmorphism Utilities */.glass-nav {    background: rgba(255, 255, 255, 0.85);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border-bottom: 1px solid rgba(255, 255, 255, 0.3);}.glass-panel {    background: rgba(255, 255, 255, 0.7);    backdrop-filter: blur(16px);    -webkit-backdrop-filter: blur(16px);    border: 1px solid rgba(255, 255, 255, 0.5);}.glass-card {    background: rgba(255, 255, 255, 0.25);    backdrop-filter: blur(12px);    -webkit-backdrop-filter: blur(12px);    border: 1px solid rgba(64, 224, 208, 0.3);    box-shadow: 0 8px 32px 0 rgba(139, 69, 19, 0.1);}.glass-icon {    background: rgba(255, 255, 255, 0.1);    backdrop-filter: blur(4px);    border: 1px solid rgba(255, 255, 255, 0.2);}.glass-text-bg {    background: rgba(255, 255, 255, 0.6);    backdrop-filter: blur(8px);    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);}/* Parallax Effect */.parallax-container {    perspective: 1px;    height: 100vh;    overflow-x: hidden;    overflow-y: auto;}.parallax-bg {    background-attachment: fixed;    will-change: transform;}/* Animations */@keyframes fadeInUp {    from {        opacity: 0;        transform: translate3d(0, 40px, 0);    }    to {        opacity: 1;        transform: translate3d(0, 0, 0);    }}.animate-fade-in-up {    animation: fadeInUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;    opacity: 0;}.delay-100 { animation-delay: 0.1s; }.delay-200 { animation-delay: 0.2s; }.delay-300 { animation-delay: 0.3s; }/* Reveal on Scroll Class */.reveal-on-scroll {    opacity: 0;    transform: translateY(30px);    transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);}.reveal-on-scroll.is-visible {    opacity: 1;    transform: translateY(0);}/* Button & Interactives */.btn-primary-outline {    border: 1px solid var(--color-brown);    color: var(--color-brown);    transition: all 0.3s ease;}.btn-primary-outline:hover {    background-color: var(--color-turquoise);    border-color: var(--color-turquoise);    color: white;    box-shadow: 0 10px 20px -5px rgba(64, 224, 208, 0.4);}/* Form Styles */input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus {    -webkit-text-fill-color: #333;    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.8) inset;    transition: background-color 5000s ease-in-out 0s;}.error-border {    border-color: #EF4444 !important;}.success-border {    border-color: var(--color-turquoise) !important;}/* Mobile Menu Transition */#mobile-menu {    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}#mobile-menu.hidden {    display: none;    opacity: 0;    visibility: hidden;}#mobile-menu:not(.hidden) {    display: flex;    opacity: 1;    visibility: visible;}