/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}p{margin-top:0;margin-bottom:1rem}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}img{vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}.lead{font-size:1.25rem;font-weight:300}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>:disabled~label{color:#6c757d}.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn:first-child:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-link:focus-visible{color:var(--bs-btn-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}.mb-4{margin-bottom:1.5rem!important}.text-center{text-align:center!important}

  :root {
            --dark-teal: #04202c;
            --medium-gray: #304040;
            --sage-green: #5b7065;
            --light-sage: #c9d1c8;
            --white: #ffffff;
            --black: #000000;
            --gold: #d4af37;
            --shadow-light: rgba(4, 32, 44, 0.1);
            --shadow-medium: rgba(4, 32, 44, 0.2);
            --shadow-dark: rgba(4, 32, 44, 0.3);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--dark-teal);
            background-color: var(--white);
            overflow-x: hidden;
        }

        
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: var(--light-sage);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--sage-green);
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--medium-gray);
        }

        
        .header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(4, 32, 44, 0.95);
            backdrop-filter: blur(20px);
            z-index: 1000;
            padding: 1rem 0;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            border-bottom: 1px solid rgba(201, 209, 200, 0.1);
        }

        .header.scrolled {
            background: rgba(4, 32, 44, 0.98);
            backdrop-filter: blur(30px);
            box-shadow: 0 8px 32px var(--shadow-dark);
            padding: 0.5rem 0;
        }

        .nav-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 2rem;
        }

        .logo {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            font-weight: 700;
            color: var(--light-sage);
            text-decoration: none;
            position: relative;
            letter-spacing: -0.5px;
            transition: all 0.3s ease;
        }

        .logo::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--gold), var(--sage-green));
            transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .logo:hover::after {
            width: 100%;
        }

        .logo:hover {
            transform: translateY(-2px);
            color: var(--gold);
        }

        
        .hero {
            height: 100vh;
            background: linear-gradient(135deg, var(--dark-teal) 0%, var(--medium-gray) 50%, var(--sage-green) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(201, 209, 200, 0.1) 0%, transparent 50%),
                url('./assets/img1.avif') no-repeat center center/cover;
            animation: heroFloat 25s infinite ease-in-out;
        }

        .hero-content {
            text-align: center;
            color: var(--white);
            z-index: 2;
            position: relative;
            max-width: 900px;
            padding: 0 2rem;
            background: linear-gradient(135deg, rgba(4, 32, 44, 0.8) 0%, rgba(4, 32, 44, 0.6) 100%);
            border-radius: 20px;
            box-shadow: 0 20px 60px var(--shadow-light);
            
        }

        .hero-content h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(3rem, 8vw, 6rem);
            font-weight: 700;
            margin-bottom: 1.5rem;
            opacity: 0;
            animation: luxSlideUp 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
            letter-spacing: -2px;
            line-height: 1.1;
            background: linear-gradient(135deg, var(--white) 0%, var(--light-sage) 50%, var(--gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-content p {
            font-size: clamp(1.1rem, 2.5vw, 1.4rem);
            margin-bottom: 3rem;
            opacity: 0;
            animation: luxSlideUp 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;
            color: var(--light-sage);
            font-weight: 300;
            line-height: 1.8;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .hero-btn {
            display: inline-block;
            padding: 1.25rem 3rem;
            background: transparent;
            color: var(--light-sage);
            text-decoration: none;
            border: 2px solid var(--gold);
            border-radius: 60px;
            font-weight: 600;
            font-size: 1.1rem;
            letter-spacing: 0.5px;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            opacity: 0;
            animation: luxSlideUp 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s forwards;
            position: relative;
            overflow: hidden;
            text-transform: uppercase;
        }

        .hero-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, var(--gold), var(--sage-green));
            transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            z-index: -1;
        }

        .hero-btn::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 1.5rem;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-left: 6px solid currentColor;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            transition: all 0.3s ease;
            opacity: 0;
        }

        .hero-btn:hover::before {
            left: 0;
        }

        .hero-btn:hover::after {
            opacity: 1;
            right: 1rem;
        }

        .hero-btn:hover {
            color: var(--dark-teal);
            transform: translateY(-4px);
            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.3);
        }

        @keyframes luxSlideUp {
            from {
                opacity: 0;
                transform: translateY(60px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        
        .features-section {
            padding: 8rem 0;
            background: var(--white);
            position: relative;
        }

        .features-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 200px;
            background: linear-gradient(180deg, var(--light-sage) 0%, var(--white) 100%);
            opacity: 0.3;
        }

        .container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 2rem;
            position: relative;
            z-index: 2;
        }

        .feature-item {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
            margin-bottom: 6rem;
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .feature-item.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .feature-item:nth-child(even) {
            direction: rtl;
        }

        .feature-item:nth-child(even) > * {
            direction: ltr;
        }

        .feature-image {
            position: relative;
            height: 450px;
            border-radius: 20px;
            overflow: hidden;
            background: linear-gradient(135deg, var(--medium-gray), var(--sage-green));
            box-shadow: 0 20px 60px var(--shadow-medium);
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .feature-image:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 30px 80px var(--shadow-dark);
        }

        .feature-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease;
        }

        .feature-image:hover img {
            transform: scale(1.1);
        }

        .feature-text {
            padding: 2rem;
        }

        .feature-text h3 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            font-weight: 600;
            color: var(--dark-teal);
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }

        .feature-text p {
            font-size: 1.1rem;
            line-height: 1.8;
            color: var(--medium-gray);
            font-weight: 400;
        }

        
        .amenities {
            padding: 10rem 0;
            background: var(--dark-teal);
            position: relative;
            overflow: hidden;
        }

        .amenities::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 10% 20%, rgba(212, 175, 55, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 90% 80%, rgba(201, 209, 200, 0.1) 0%, transparent 50%),
                linear-gradient(135deg, transparent 0%, rgba(91, 112, 101, 0.05) 50%, transparent 100%);
        }

        .amenities-hero {
            text-align: center;
            margin-bottom: 6rem;
            position: relative;
            z-index: 2;
        }

        .amenities-hero h2 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 4rem);
            color: var(--light-sage);
            margin-bottom: 1.5rem;
            position: relative;
            display: inline-block;
        }

        .amenities-hero h2::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, var(--gold), var(--sage-green));
            border-radius: 2px;
        }

        .amenities-hero p {
            font-size: 1.2rem;
            color: rgba(201, 209, 200, 0.8);
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.7;
        }

        .amenities-showcase {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 3rem;
            position: relative;
            z-index: 2;
            margin-bottom: 4rem;
        }

        .amenity-featured {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(201, 209, 200, 0.05));
            backdrop-filter: blur(30px);
            border: 1px solid rgba(212, 175, 55, 0.3);
            border-radius: 25px;
            padding: 3rem 2rem;
            text-align: center;
            position: relative;
            overflow: hidden;
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            opacity: 0;
            transform: translateY(50px) scale(0.9);
        }

        .amenity-featured.visible {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        .amenity-featured::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(91, 112, 101, 0.05));
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: -1;
        }

        .amenity-featured:hover::before {
            opacity: 1;
        }

        .amenity-featured:hover {
            transform: translateY(-20px) scale(1.05);
            box-shadow: 0 30px 80px rgba(212, 175, 55, 0.2);
            border-color: var(--gold);
        }

        .amenity-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 2rem;
            background: linear-gradient(135deg, var(--gold), var(--sage-green));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: var(--dark-teal);
            position: relative;
            overflow: hidden;
        }

        .amenity-icon::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: conic-gradient(from 0deg, var(--gold), var(--sage-green), var(--gold));
            animation: iconRotate 8s linear infinite;
            z-index: -1;
        }

        @keyframes iconRotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .amenity-featured h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            color: var(--light-sage);
            margin-bottom: 1rem;
            font-weight: 600;
        }

        .amenity-featured p {
            color: rgba(201, 209, 200, 0.9);
            line-height: 1.7;
            font-size: 1rem;
        }

        .amenities-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            position: relative;
            z-index: 2;
        }

        .amenity-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(201, 209, 200, 0.03));
            backdrop-filter: blur(20px);
            border: 1px solid rgba(201, 209, 200, 0.2);
            border-radius: 20px;
            padding: 2rem;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            position: relative;
            overflow: hidden;
            opacity: 0;
            transform: translateY(30px);
        }

        .amenity-card.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .amenity-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--gold), var(--sage-green));
            transform: scaleX(0);
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .amenity-card:hover::before {
            transform: scaleX(1);
        }

        .amenity-card:hover {
            transform: translateY(-10px);
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(201, 209, 200, 0.06));
            border-color: rgba(212, 175, 55, 0.5);
            box-shadow: 0 20px 50px rgba(212, 175, 55, 0.15);
        }

        .amenity-card h4 {
            font-family: 'Playfair Display', serif;
            font-size: 1.3rem;
            color: var(--light-sage);
            margin-bottom: 1rem;
            font-weight: 600;
        }

        .amenity-card p {
            color: rgba(201, 209, 200, 0.8);
            line-height: 1.6;
            font-size: 0.9rem;
        }

        
        .gallery {
            padding: 8rem 0;
            background: var(--white);
        }

        .gallery h2 {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            text-align: center;
            color: var(--dark-teal);
            margin-bottom: 1rem;
        }

        .gallery p {
            text-align: center;
            color: var(--medium-gray);
            font-size: 1.1rem;
            margin-bottom: 4rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .gallery-images {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
        }

        .gallery-images img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            border-radius: 15px;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            box-shadow: 0 15px 40px var(--shadow-light);
            cursor: pointer;
        }

        .gallery-images img:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 25px 60px var(--shadow-medium);
        }

        
        .about {
            padding: 8rem 0;
            background: linear-gradient(135deg, var(--medium-gray) 0%, var(--dark-teal) 100%);
            color: var(--white);
            position: relative;
        }

        .about::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="aboutPattern" width="80" height="80" patternUnits="userSpaceOnUse"><polygon points="40,5 45,25 65,25 50,40 55,60 40,50 25,60 30,40 15,25 35,25" fill="%23c9d1c8" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23aboutPattern)"/></svg>');
        }

        .about h2 {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            text-align: center;
            color: var(--light-sage);
            margin-bottom: 2rem;
            position: relative;
            z-index: 2;
        }

        .about p {
            font-size: 1.2rem;
            line-height: 1.8;
            text-align: center;
            max-width: 900px;
            margin: 0 auto 3rem;
            color: var(--light-sage);
            position: relative;
            z-index: 2;
        }

        .about img {
            width: 100%;
            max-width: 800px;
            height: 400px;
            object-fit: cover;
            border-radius: 20px;
            margin: 0 auto;
            display: block;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            position: relative;
            z-index: 2;
        }

        
        .contact {
            padding: 8rem 0;
            background: var(--light-sage);
            position: relative;
        }

        .contact h2 {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            text-align: center;
            color: var(--dark-teal);
            margin-bottom: 1rem;
        }

        .contact .text-center {
            text-align: center;
            color: var(--medium-gray);
            font-size: 1.1rem;
            margin-bottom: 4rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .contact-form {
            max-width: 600px;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(20px);
            padding: 3rem;
            border-radius: 25px;
            box-shadow: 0 20px 60px var(--shadow-medium);
            border: 1px solid rgba(91, 112, 101, 0.2);
        }

        .form-group {
            margin-bottom: 2rem;
        }

        .form-control {
            width: 100%;
            padding: 1.2rem 1.5rem;
            border: 2px solid rgba(91, 112, 101, 0.3);
            border-radius: 12px;
            background: var(--white);
            color: var(--dark-teal);
            font-size: 1rem;
            font-family: 'Inter', sans-serif;
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .form-control:focus {
            outline: none;
            border-color: var(--sage-green);
            box-shadow: 0 0 0 3px rgba(91, 112, 101, 0.1);
            transform: translateY(-2px);
        }

        .form-control::placeholder {
            color: rgba(48, 64, 64, 0.6);
        }

        .btn-submit {
            background: linear-gradient(135deg, var(--sage-green), var(--medium-gray));
            color: var(--white);
            border: none;
            padding: 1.2rem 2.5rem;
            border-radius: 60px;
            font-weight: 600;
            font-size: 1.1rem;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            position: relative;
            overflow: hidden;
        }

        .btn-submit::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, var(--gold), var(--sage-green));
            transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .btn-submit:hover::before {
            left: 0;
        }

        .btn-submit:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(91, 112, 101, 0.3);
        }

        .btn-submit span {
            position: relative;
            z-index: 2;
        }

        
        .menu-section {
            padding: 10rem 0;
            background: linear-gradient(135deg, var(--white) 0%, var(--light-sage) 50%, var(--white) 100%);
            position: relative;
            overflow: hidden;
        }

      

        .menu-header {
            text-align: center;
            margin-bottom: 6rem;
            position: relative;
            z-index: 2;
        }

        .menu-header h2 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 4rem);
            color: var(--dark-teal);
            margin-bottom: 1.5rem;
            position: relative;
            display: inline-block;
        }

        .menu-header h2::after {
            content: '🍽️';
            position: absolute;
            top: -40px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 2rem;
            opacity: 0.7;
        }

        .menu-header p {
            font-size: 1.2rem;
            color: var(--medium-gray);
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
            font-style: italic;
        }

        .menu-showcase {
            margin-bottom: 6rem;
            position: relative;
            z-index: 2;
        }

        .menu-featured {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 4rem;
            margin-bottom: 4rem;
        }

        .featured-dish {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(201, 209, 200, 0.1));
            backdrop-filter: blur(30px);
            border-radius: 30px;
            overflow: hidden;
            box-shadow: 0 20px 60px var(--shadow-light);
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            position: relative;
            border: 1px solid rgba(212, 175, 55, 0.2);
            opacity: 0;
            transform: translateY(50px) scale(0.95);
        }

        .featured-dish.visible {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        .featured-dish:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 30px 80px var(--shadow-medium);
            border-color: var(--gold);
        }

        .dish-image {
            height: 250px;
            background: linear-gradient(135deg, var(--sage-green), var(--medium-gray));
            position: relative;
            overflow: hidden;
        }

        .dish-image::before {
            content: attr(data-dish);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: var(--light-sage);
            font-size: 1.5rem;
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            text-align: center;
            opacity: 0.8;
        }

        .dish-image::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, transparent 30%, rgba(212, 175, 55, 0.1) 50%, transparent 70%);
            animation: shimmer 3s infinite;
        }

        @keyframes shimmer {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }

        .dish-content {
            padding: 2.5rem;
        }

        .dish-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            color: var(--dark-teal);
            margin-bottom: 1rem;
            font-weight: 600;
            position: relative;
        }

        .dish-title::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 50px;
            height: 2px;
            background: linear-gradient(90deg, var(--gold), var(--sage-green));
        }

        .dish-description {
            color: var(--medium-gray);
            line-height: 1.7;
            margin-bottom: 1.5rem;
            font-size: 1rem;
        }

        .dish-price {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            color: var(--sage-green);
            font-weight: 700;
        }

        .menu-categories {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 3rem;
            position: relative;
            z-index: 2;
        }

        .menu-category {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(201, 209, 200, 0.1));
            backdrop-filter: blur(20px);
            border-radius: 25px;
            padding: 3rem;
            border: 1px solid rgba(91, 112, 101, 0.2);
            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            position: relative;
            overflow: hidden;
            opacity: 0;
            transform: translateY(40px);
        }

        .menu-category.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .menu-category::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--gold), var(--sage-green));
            transform: scaleX(0);
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .menu-category:hover::before {
            transform: scaleX(1);
        }

        .menu-category:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 25px 60px var(--shadow-medium);
            border-color: rgba(212, 175, 55, 0.5);
        }

        .category-header {
            display: flex;
            align-items: center;
            margin-bottom: 2rem;
            position: relative;
        }

        .category-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--gold), var(--sage-green));
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1.5rem;
            font-size: 1.5rem;
            color: var(--dark-teal);
            position: relative;
            overflow: hidden;
        }

        .category-icon::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transform: translateX(-100%);
            transition: transform 0.5s ease;
        }

        .menu-category:hover .category-icon::before {
            transform: translateX(100%);
        }

        .category-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            color: var(--dark-teal);
            font-weight: 600;
            margin: 0;
        }

        .category-description {
            color: var(--medium-gray);
            line-height: 1.7;
            font-size: 1rem;
            margin-bottom: 2rem;
        }

        .menu-items {
            list-style: none;
            padding: 0;
        }

        .menu-item {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 1rem 0;
            border-bottom: 1px solid rgba(91, 112, 101, 0.1);
            transition: all 0.3s ease;
        }

        .menu-item:last-child {
            border-bottom: none;
        }

        .menu-item:hover {
            padding-left: 1rem;
            background: rgba(212, 175, 55, 0.05);
            border-radius: 10px;
            border-bottom-color: transparent;
        }

        .item-info h4 {
            font-family: 'Playfair Display', serif;
            color: var(--dark-teal);
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
            font-weight: 600;
        }

        .item-info p {
            color: var(--medium-gray);
            font-size: 0.9rem;
            line-height: 1.5;
            margin: 0;
            opacity: 0.8;
        }

        .item-price {
            color: var(--sage-green);
            font-weight: 700;
            font-size: 1.1rem;
            font-family: 'Playfair Display', serif;
            margin-left: 1rem;
            min-width: 80px;
            text-align: right;
        }

        
        .final-hero {
            padding: 8rem 0;
            background: linear-gradient(135deg, var(--dark-teal) 0%, var(--medium-gray) 50%, var(--sage-green) 100%);
            color: var(--white);
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .final-hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('./assets/img10.png');
            background-size: cover;
            background-position: center;
            animation: finalFloat 30s infinite ease-in-out;
        }

        .final-hero h2 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 4rem);
            font-weight: 700;
            margin-bottom: 2rem;
            line-height: 1.2;
            background: linear-gradient(135deg, var(--white) 0%, var(--light-sage) 50%, var(--gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            position: relative;
            z-index: 2;
        }

        .final-hero .lead {
            font-size: clamp(1.1rem, 2.5vw, 1.3rem);
            color: var(--light-sage);
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
            font-weight: 300;
            position: relative;
            z-index: 2;
            
        }

        
        .footer {
            background: var(--dark-teal);
            color: var(--light-sage);
            padding: 4rem 0 2rem;
            position: relative;
        }

        .footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--sage-green), transparent);
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 3rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

        .footer-links a {
            color: var(--light-sage);
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            position: relative;
            padding: 0.5rem 1rem;
        }

        .footer-links a::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background: var(--gold);
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transform: translateX(-50%);
        }

        .footer-links a:hover::before {
            width: 100%;
        }

        .footer-links a:hover {
            color: var(--gold);
            transform: translateY(-2px);
        }

        .footer p {
            text-align: center;
            color: rgba(201, 209, 200, 0.8);
            font-size: 0.9rem;
            border-top: 1px solid rgba(91, 112, 101, 0.3);
            padding-top: 2rem;
            margin-top: 2rem;
        }

        
        .cookie-popup {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            background: rgba(4, 32, 44, 0.95);
            backdrop-filter: blur(20px);
            color: var(--light-sage);
            padding: 1.5rem 2rem;
            border-radius: 15px;
            border: 1px solid rgba(201, 209, 200, 0.2);
            max-width: 350px;
            z-index: 1000;
            box-shadow: 0 15px 40px var(--shadow-dark);
            transform: translateY(100px);
            opacity: 0;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .cookie-popup.show {
            transform: translateY(0);
            opacity: 1;
        }

        .cookie-popup p {
            margin-bottom: 1rem;
            font-size: 0.9rem;
            line-height: 1.5;
        }

        .cookie-popup button {
            background: linear-gradient(135deg, var(--sage-green), var(--gold));
            color: var(--white);
            border: none;
            padding: 0.8rem 1.5rem;
            border-radius: 25px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            font-size: 0.9rem;
        }

        .cookie-popup button:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(91, 112, 101, 0.3);
        }

        
        .notification {
            position: fixed;
            top: 2rem;
            right: 2rem;
            background: linear-gradient(135deg, var(--sage-green), var(--medium-gray));
            color: var(--white);
            padding: 1rem 1.5rem;
            border-radius: 12px;
            box-shadow: 0 15px 40px var(--shadow-medium);
            z-index: 1001;
            display: flex;
            align-items: center;
            gap: 0.8rem;
            transform: translateX(400px);
            opacity: 0;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            font-weight: 500;
        }

        .notification.show {
            transform: translateX(0);
            opacity: 1;
        }

        .notification i {
            font-size: 1.2rem;
            color: var(--gold);
        }

        
        .fade-in {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .slide-in-left {
            opacity: 0;
            transform: translateX(-50px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .slide-in-left.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .slide-in-right {
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .slide-in-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        
        @media (max-width: 1200px) {
            .feature-item {
                gap: 3rem;
            }
            
            .amenities-grid {
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            }
        }

        @media (max-width: 768px) {
            .nav-container {
                padding: 0 1rem;
            }

            .logo {
                font-size: 1.6rem;
            }

            .hero-content {
                padding: 0 1rem;
            }

            .hero-content h1 {
                font-size: clamp(2.5rem, 10vw, 4rem);
            }

            .hero-content p {
                font-size: 1.1rem;
            }

            .hero-btn {
                padding: 1rem 2rem;
                font-size: 1rem;
            }

            .feature-item {
                grid-template-columns: 1fr;
                gap: 2rem;
                margin-bottom: 4rem;
            }

            .feature-item:nth-child(even) {
                direction: ltr;
            }

            .feature-image {
                height: 300px;
            }

            .feature-text h3 {
                font-size: 2rem;
            }

            .amenities-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .amenity-card {
                padding: 2rem;
            }

            .gallery-images {
                grid-template-columns: 1fr;
            }

            .menu-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .contact-form {
                padding: 2rem;
                margin: 0 1rem;
            }

            .footer-links {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }

            .cookie-popup {
                bottom: 1rem;
                right: 1rem;
                left: 1rem;
                max-width: none;
            }

            .notification {
                top: 1rem;
                right: 1rem;
                left: 1rem;
            }
            .amenities-showcase {
                grid-template-columns: 1fr;
            }
            .menu-featured {
                grid-template-columns: 1fr;
            }
           .menu-categories{
                grid-template-columns: 1fr;
            }
            .menu-category {
                padding: 2rem;
            }
            .menu-header h2 {
                font-size: 2.5rem;
            }
            .menu-header p {
                font-size: 1rem;
            }
            .final-hero h2 {
                font-size: 2.5rem;
            }
            .final-hero .lead {
                font-size: 1rem;
           }
        }

        @media (max-width: 480px) {
            .container {
                padding: 0 1rem;
            }

            .section {
                padding: 4rem 0;
            }

            .features-section,
            .amenities,
            .gallery,
            .about,
            .contact,
            .menu-section,
            .final-hero {
                padding: 4rem 0;
            }

            .amenities h2,
            .gallery h2,
            .about h2,
            .contact h2,
            .menu-section h2 {
                font-size: 2.5rem;
            }

            .feature-text {
                padding: 1rem;
            }

            .amenity-card {
                padding: 1.5rem;
            }

            .contact-form {
                padding: 1.5rem;
            }

            .menu-category {
                padding: 2rem;
            }
        }

        
        .loading {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--dark-teal);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            opacity: 1;
            transition: opacity 0.5s ease;
        }

        .loading.hide {
            opacity: 0;
            pointer-events: none;
        }

        .loading-spinner {
            width: 60px;
            height: 60px;
            border: 3px solid rgba(201, 209, 200, 0.3);
            border-top: 3px solid var(--gold);
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        
        .text-center {
            text-align: center;
        }

        .mb-4 {
            margin-bottom: 2rem;
        }

        .hidden {
            display: none;
        }

        .visible {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }