@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root{
    --dark:#170006;
    --dark2:#260710;
    --dark3:#3b0b18;
    --maroon:#5c1025;
    --maroon2:#811b39;
    --maroon3:#a3274b;

    --gold:#c9943a;
    --gold2:#f2d27a;
    --gold3:#b47b24;
    --cream:#fff7ef;
    --cream2:#f8eadf;

    --text:#fff7ef;
    --text-dark:#2a0710;
    --muted:#e4c9cf;
    --muted-dark:#6e4a52;

    --glass:rgba(255,255,255,.10);
    --glass-strong:rgba(255,255,255,.16);
    --surface:#fff7ef;
    --surface2:#fffaf5;

    --border:rgba(255,255,255,.15);
    --border-light:rgba(92,16,37,.13);

    --shadow:0 30px 90px rgba(50,0,18,.36);
    --soft-shadow:0 18px 55px rgba(50,0,18,.16);
    --gold-shadow:0 22px 60px rgba(201,148,58,.34);

    --radius:32px;

    --gradient-gold:linear-gradient(135deg,#aa741f,#f2d27a,#c9943a,#fff1b8);
    --gradient-dark:linear-gradient(135deg,#170006,#260710,#3b0b18);
    --gradient-maroon:linear-gradient(135deg,#260710,#5c1025,#811b39);
}

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:
        radial-gradient(circle at top left,rgba(129,27,57,.38),transparent 34%),
        radial-gradient(circle at bottom right,rgba(242,210,122,.16),transparent 40%),
        linear-gradient(135deg,#170006,#230712,#2a0710);
    color:var(--text);
    overflow-x:hidden;
    min-height:100vh;
}

body::selection{
    background:var(--gold2);
    color:var(--dark);
}

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

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

::-webkit-scrollbar-thumb{
    background:linear-gradient(var(--gold2),var(--gold3));
    border-radius:50px;
    border:3px solid var(--dark);
}

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

img{
    width:100%;
    display:block;
    object-fit:cover;
}

button,input,select,textarea{
    font-family:inherit;
}

/* LOADER */

.page-loader{
    position:fixed;
    inset:0;
    background:var(--gradient-dark);
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
}

.loader-ring{
    width:64px;
    height:64px;
    border:4px solid rgba(255,255,255,.14);
    border-top-color:var(--gold2);
    border-radius:50%;
    animation:spin 1s linear infinite;
    box-shadow:0 0 40px rgba(242,210,122,.35);
}

.hide-loader{
    opacity:0;
    visibility:hidden;
    transition:.55s ease;
}

@keyframes spin{
    to{transform:rotate(360deg);}
}

/* NAVBAR */

.main-navbar{
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
    padding:18px 0;
    transition:.35s ease;
}

.main-navbar.scrolled{
    background:rgba(38,7,16,.90);
    backdrop-filter:blur(30px);
    border-bottom:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 60px rgba(0,0,0,.42);
}

.nav-container{
    width:min(1220px,92%);
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.brand{
    display:flex;
    align-items:center;
    gap:13px;
    color:white;
}

.brand-icon{
    width:52px;
    height:52px;
    border-radius:18px;
    background:var(--gradient-gold);
    display:grid;
    place-items:center;
    color:var(--dark);
    font-weight:900;
    box-shadow:0 18px 42px rgba(201,148,58,.42);
    border:1px solid rgba(255,255,255,.35);
}

.brand b{
    display:block;
    font-size:21px;
    letter-spacing:.3px;
}

.brand small{
    color:#efdde2;
    font-size:12px;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:24px;
    color:white;
}

.nav-links a{
    font-size:14px;
    font-weight:600;
    opacity:.94;
    position:relative;
}

.nav-links a:not(.nav-btn)::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:var(--gradient-gold);
    border-radius:10px;
    transition:.35s;
}

.nav-links a:hover{
    color:var(--gold2);
}

.nav-links a:hover::after{
    width:100%;
}

.nav-btn{
    padding:12px 22px;
    border-radius:50px;
    background:var(--gradient-gold);
    color:var(--dark)!important;
    font-weight:800!important;
    box-shadow:0 14px 35px rgba(201,148,58,.32);
}

.nav-btn.outline{
    background:rgba(255,255,255,.08);
    color:white!important;
    border:1px solid var(--border);
    backdrop-filter:blur(14px);
}

.menu-btn{
    display:none;
    border:0;
    background:rgba(255,255,255,.12);
    color:white;
    font-size:22px;
    width:48px;
    height:48px;
    border-radius:16px;
    backdrop-filter:blur(16px);
}

/* HERO */

.hero{
    min-height:100vh;
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:var(--dark);
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(23,0,6,.97),rgba(38,7,16,.72),rgba(38,7,16,.18)),
        linear-gradient(0deg,rgba(23,0,6,.94),transparent 55%);
    backdrop-filter:blur(1.5px);
    z-index:1;
}

.hero::after{
    content:"";
    position:absolute;
    width:720px;
    height:720px;
    border-radius:50%;
    background:rgba(242,210,122,.14);
    filter:blur(135px);
    right:-180px;
    top:-140px;
    z-index:0;
    animation:floatGlow 8s infinite alternate ease-in-out;
}

@keyframes floatGlow{
    from{transform:translateY(0) scale(1);}
    to{transform:translateY(70px) scale(1.08);}
}

.hero-bg{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:1.45fr .9fr .72fr;
    gap:12px;
    opacity:.95;
}

.hero-bg img{
    height:100vh;
    filter:brightness(.68) saturate(1.22) contrast(1.06);
    transform:scale(1.02);
    animation:heroZoom 14s infinite alternate ease-in-out;
}

.hero-bg img:nth-child(2){
    animation-delay:1.2s;
}

.hero-bg img:nth-child(3){
    animation-delay:2.2s;
}

@keyframes heroZoom{
    from{transform:scale(1.02);}
    to{transform:scale(1.12);}
}

.hero-content{
    position:relative;
    z-index:2;
    width:min(1220px,92%);
    margin:auto;
    color:white;
    padding-top:90px;
}

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:11px 20px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.10);
    border-radius:50px;
    backdrop-filter:blur(18px);
    color:var(--gold2);
    font-weight:800;
    margin-bottom:24px;
    box-shadow:0 10px 35px rgba(0,0,0,.24);
}

.hero h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(50px,8vw,112px);
    line-height:.92;
    max-width:900px;
    margin-bottom:26px;
    letter-spacing:-2px;
    color:#fffaf4;
    text-shadow:
        0 0 25px rgba(242,210,122,.24),
        0 20px 75px rgba(0,0,0,.72);
}

.hero p{
    max-width:660px;
    font-size:18px;
    color:#f7e8ec;
    line-height:1.85;
    margin-bottom:36px;
}

.hero-actions{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

/* BUTTONS */

.btn-primary,
.btn-light,
.btn-dark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:15px 28px;
    border-radius:50px;
    font-weight:800;
    transition:.35s ease;
    cursor:pointer;
    border:none;
    position:relative;
    overflow:hidden;
}

.btn-primary{
    background:var(--gradient-gold);
    color:var(--dark);
    box-shadow:var(--gold-shadow);
}

.btn-primary::before{
    content:"";
    position:absolute;
    top:0;
    left:-110%;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.50),transparent);
    transition:.8s;
}

.btn-primary:hover::before{
    left:110%;
}

.btn-light{
    background:rgba(255,255,255,.13);
    color:white;
    border:1px solid var(--border);
    backdrop-filter:blur(16px);
}

.btn-dark{
    background:linear-gradient(135deg,#5c1025,#170006);
    color:white;
    box-shadow:0 16px 38px rgba(23,0,6,.36);
}

.btn-primary:hover,
.btn-light:hover,
.btn-dark:hover{
    transform:translateY(-5px) scale(1.025);
}

/* COMMON */

.section{
    padding:105px 0;
    position:relative;
    background:transparent;
}

.section[style*="background:#fff"]{
    background:
        radial-gradient(circle at top right,rgba(242,210,122,.10),transparent 32%),
        linear-gradient(135deg,#230712,#2a0710) !important;
}

.section[style*="background:#101725"]{
    background:
        radial-gradient(circle at top left,rgba(242,210,122,.12),transparent 30%),
        linear-gradient(135deg,#170006,#2a0710,#4b1021) !important;
}

.container{
    width:min(1220px,92%);
    margin:auto;
}

.section-title{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:30px;
    margin-bottom:46px;
}

.section-title small{
    color:var(--gold2);
    font-weight:900;
    letter-spacing:2.5px;
    text-transform:uppercase;
}

.section-title h2{
    font-family:'Playfair Display',serif;
    font-size:clamp(36px,5vw,66px);
    color:#fffaf4;
    max-width:720px;
    line-height:1.02;
    letter-spacing:-1px;
}

.section-title p{
    max-width:430px;
    color:var(--muted);
    line-height:1.85;
}

/* CARDS */

.image-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.city-card,
.venue-card,
.package-card,
.gallery-card{
    position:relative;
    overflow:hidden;
    border-radius:var(--radius);
    background:rgba(255,255,255,.085);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:var(--soft-shadow);
    backdrop-filter:blur(22px);
    transition:.45s ease;
}

.city-card::before,
.venue-card::before,
.package-card::before,
.gallery-card::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1px;
    background:linear-gradient(45deg,transparent,var(--gold2),transparent);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:0;
    transition:.5s ease;
    z-index:5;
    pointer-events:none;
}

.city-card:hover::before,
.venue-card:hover::before,
.package-card:hover::before,
.gallery-card:hover::before{
    opacity:1;
}

.city-card:hover,
.venue-card:hover,
.package-card:hover,
.gallery-card:hover{
    transform:translateY(-12px);
    box-shadow:
        0 35px 90px rgba(0,0,0,.34),
        0 0 45px rgba(242,210,122,.18);
}

.city-card img{
    height:440px;
    transition:.75s ease;
}

.venue-card img{
    height:320px;
    transition:.75s ease;
}

.package-card img{
    height:255px;
    transition:.75s ease;
}

.gallery-card img{
    transition:.75s ease;
}

.city-card:hover img,
.venue-card:hover img,
.package-card:hover img,
.gallery-card:hover img{
    transform:scale(1.1);
    filter:saturate(1.20) contrast(1.08) brightness(1.03);
}

.city-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(0deg,rgba(23,0,6,.94),rgba(38,7,16,.38),transparent 70%),
        linear-gradient(45deg,rgba(242,210,122,.18),transparent 45%);
    display:flex;
    flex-direction:column;
    justify-content:end;
    padding:30px;
    color:white;
}

.city-overlay h3{
    font-family:'Playfair Display',serif;
    font-size:38px;
    line-height:1;
    margin-bottom:8px;
    color:#fffaf4;
}

.city-overlay span{
    color:var(--gold2);
    font-weight:800;
}

.card-body{
    padding:26px;
    position:relative;
    z-index:2;
}

.card-body h3{
    font-size:24px;
    margin-bottom:10px;
    color:#fffaf4;
    letter-spacing:-.4px;
}

.card-body p{
    color:var(--muted);
    line-height:1.75;
    font-size:14px;
}

.card-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:20px 0;
    gap:10px;
    flex-wrap:wrap;
    color:#edd6db;
    font-weight:600;
}

.price{
    font-weight:900;
    color:var(--gold2);
    font-size:21px;
}

.badge{
    padding:8px 14px;
    border-radius:50px;
    font-size:12px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    gap:6px;
    letter-spacing:.2px;
}

.success{background:#dcfce7;color:#166534;}
.warning{background:#fff1c2;color:#8a5b00;}
.danger{background:#fee2e2;color:#991b1b;}
.primary{background:#dbeafe;color:#1e40af;}

.package-card.featured{
    background:
        radial-gradient(circle at top right,rgba(242,210,122,.25),transparent 35%),
        linear-gradient(135deg,#5c1025,#170006);
    color:white;
}

.package-card.featured .card-body h3,
.package-card.featured .price{
    color:#fffaf4;
}

.package-card.featured .card-body p,
.package-card.featured .card-meta{
    color:#ead5da;
}

/* FILTER */

.filter-box{
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(24px);
    border-radius:30px;
    padding:26px;
    box-shadow:var(--soft-shadow);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:40px;
}

/* FORM + INPUTS FIXED FOR READABILITY */

.form-card{
    max-width:780px;
    margin:auto;
    background:linear-gradient(135deg,#fffaf5,#f9eadf);
    border:1px solid rgba(255,255,255,.72);
    border-radius:36px;
    padding:36px;
    box-shadow:var(--shadow);
    color:var(--text-dark);
}

.form-card h2,
.form-card h3{
    font-family:'Playfair Display',serif;
    color:var(--dark2);
}

.form-card p{
    color:var(--muted-dark) !important;
}

.form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.full{
    grid-column:1/-1;
}

.input-group label{
    display:block;
    font-size:13px;
    font-weight:800;
    margin-bottom:9px;
    color:var(--dark2);
}

.input-group input,
.input-group select,
.input-group textarea{
    width:100%;
    padding:15px 16px;
    border:1px solid rgba(92,16,37,.20);
    border-radius:18px;
    outline:none;
    font-family:inherit;
    background:#fff;
    color:var(--text-dark);
    transition:.3s ease;
}

.input-group input::placeholder,
.input-group textarea::placeholder{
    color:#9d7b83;
}

.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus{
    border-color:var(--gold);
    background:#fff;
    box-shadow:0 0 0 5px rgba(201,148,58,.16);
}

/* dark forms only if needed */
.dark-form,
.dark-form .form-card{
    background:rgba(255,255,255,.09);
    color:#fffaf4;
}

.dark-form .input-group label{
    color:#ead5da;
}

.dark-form .input-group input,
.dark-form .input-group select,
.dark-form .input-group textarea{
    background:rgba(255,255,255,.08);
    color:white;
    border-color:rgba(255,255,255,.15);
}

/* DASHBOARD */

.dashboard-layout{
    display:grid;
    grid-template-columns:270px 1fr;
    min-height:100vh;
    background:
        radial-gradient(circle at top right,rgba(242,210,122,.12),transparent 30%),
        linear-gradient(135deg,#170006,#230712,#2a0710);
}

.sidebar{
    background:
        radial-gradient(circle at top,rgba(242,210,122,.14),transparent 28%),
        var(--gradient-dark);
    color:white;
    padding:30px 20px;
    position:sticky;
    top:0;
    height:100vh;
    border-right:1px solid rgba(255,255,255,.10);
}

.sidebar h2{
    margin-bottom:32px;
    color:var(--gold2);
    font-family:'Playfair Display',serif;
    font-size:30px;
}

.sidebar a{
    display:flex;
    align-items:center;
    gap:13px;
    padding:14px 16px;
    border-radius:18px;
    margin-bottom:9px;
    color:#efdde2;
    transition:.3s ease;
    font-weight:600;
}

.sidebar a:hover,
.sidebar a.active{
    background:rgba(255,255,255,.13);
    color:white;
    transform:translateX(5px);
}

.dashboard-main{
    padding:36px;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-bottom:32px;
}

.stat-card{
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.14);
    padding:28px;
    border-radius:30px;
    box-shadow:var(--soft-shadow);
    backdrop-filter:blur(22px);
    position:relative;
    overflow:hidden;
    transition:.35s ease;
}

.stat-card::before{
    content:"";
    position:absolute;
    width:135px;
    height:135px;
    border-radius:50%;
    background:rgba(242,210,122,.12);
    right:-42px;
    top:-42px;
}

.stat-card:hover{
    transform:translateY(-7px);
    box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.stat-card i{
    width:52px;
    height:52px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:#fff2cc;
    color:#9a6b00;
    margin-bottom:18px;
    position:relative;
    z-index:1;
}

.stat-card h3{
    font-size:31px;
    color:#fffaf4;
    position:relative;
    z-index:1;
}

.stat-card p{
    color:var(--muted);
    position:relative;
    z-index:1;
}

.table-card{
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(22px);
    border-radius:32px;
    padding:26px;
    box-shadow:var(--soft-shadow);
    overflow-x:auto;
}

table{
    width:100%;
    border-collapse:collapse;
}

th,td{
    padding:16px;
    border-bottom:1px solid rgba(255,255,255,.10);
    text-align:left;
    font-size:14px;
    color:#efdde2;
}

th{
    color:var(--gold2);
    font-weight:900;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:.7px;
}

table tr{
    transition:.25s ease;
}

table tr:hover{
    background:rgba(255,255,255,.06);
}

/* FOOTER */

.site-footer{
    background:
        radial-gradient(circle at top left,rgba(242,210,122,.12),transparent 30%),
        var(--gradient-maroon);
    color:white;
    padding:75px 0 0;
}

.footer-grid{
    width:min(1220px,92%);
    margin:auto;
    display:grid;
    grid-template-columns:2fr 1fr 1.5fr;
    gap:44px;
}

.site-footer h2,
.site-footer h3{
    color:var(--gold2);
    margin-bottom:18px;
    font-family:'Playfair Display',serif;
}

.site-footer p,
.site-footer a{
    color:#efdde2;
    display:block;
    margin-bottom:12px;
    line-height:1.75;
}

.site-footer a:hover{
    color:var(--gold2);
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.10);
    margin-top:48px;
    padding:22px;
    text-align:center;
    color:#d5bfc4;
}

/* FLOATING */

.floating-actions{
    position:fixed;
    right:22px;
    bottom:98px;
    display:flex;
    flex-direction:column;
    gap:13px;
    z-index:900;
}

.float-btn{
    width:54px;
    height:54px;
    border-radius:50%;
    display:grid;
    place-items:center;
    border:0;
    color:white;
    font-size:22px;
    box-shadow:0 15px 40px rgba(0,0,0,.35);
    cursor:pointer;
    transition:.35s ease;
}

.float-btn:hover{
    transform:translateY(-6px) scale(1.08);
}

.whatsapp{background:#25d366;}
.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);}
.top{background:var(--gradient-dark);}

.bottom-booking-bar{
    position:fixed;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    width:min(800px,92%);
    background:rgba(38,7,16,.88);
    color:white;
    backdrop-filter:blur(30px);
    border:1px solid rgba(255,255,255,.14);
    border-radius:26px;
    padding:15px 18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:850;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.bottom-booking-bar span{
    display:block;
    color:#efdde2;
    font-size:13px;
}

.bottom-booking-bar a{
    background:var(--gradient-gold);
    color:var(--dark);
    padding:12px 22px;
    border-radius:50px;
    font-weight:900;
}

/* ANIMATIONS */

.reveal{
    opacity:0;
    transform:translateY(40px);
    transition:1s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

.cursor-glow{
    position:fixed;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(242,210,122,.13);
    filter:blur(90px);
    pointer-events:none;
    z-index:-1;
}

/* HOMEPAGE PREMIUM EXTRA SECTIONS */

.hero-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:48px;
    max-width:850px;
}

.hero-stat{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(20px);
    border-radius:24px;
    padding:20px;
    box-shadow:0 18px 45px rgba(0,0,0,.24);
}

.hero-stat h3{
    font-size:30px;
    color:var(--gold2);
    margin-bottom:5px;
}

.hero-stat span{
    color:#efdde2;
    font-size:13px;
    font-weight:600;
}

.luxury-banner{
    min-height:520px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg,rgba(23,0,6,.94),rgba(38,7,16,.60)),
        url("../images/banner/luxury-event-banner.jpg") center/cover fixed;
    color:white;
    position:relative;
    overflow:hidden;
}

.luxury-banner::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(242,210,122,.15);
    filter:blur(110px);
    right:-120px;
    top:-100px;
}

.luxury-content{
    max-width:720px;
    position:relative;
    z-index:2;
}

.luxury-content h2{
    font-family:'Playfair Display',serif;
    font-size:clamp(42px,6vw,82px);
    line-height:1;
    margin:20px 0;
    color:#fffaf4;
}

.luxury-content p{
    color:#efdde2;
    line-height:1.8;
    margin-bottom:28px;
    max-width:600px;
}

button[data-wishlist]{
    border:0;
}

button[data-wishlist].active{
    background:linear-gradient(135deg,#811b39,#ef4444,#fb7185);
    color:white;
}

@media(max-width:820px){
    .hero-stats{
        grid-template-columns:repeat(2,1fr);
        margin-top:34px;
    }

    .luxury-banner{
        min-height:430px;
        background-attachment:scroll;
    }
}

@media(max-width:520px){
    .hero-stats{
        grid-template-columns:1fr;
    }
}
.luxury-banner-hero-bg{
    background:
        linear-gradient(90deg,rgba(23,0,6,.94),rgba(38,7,16,.62),rgba(38,7,16,.25)),
        url("../images/hero/123.png") center/cover fixed !important;
}

.hero-wallpaper{
    min-height:100vh;
    background:
        linear-gradient(90deg,rgba(23,0,6,.88),rgba(38,7,16,.50),rgba(23,0,6,.18)),
        linear-gradient(0deg,rgba(23,0,6,.78),rgba(23,0,6,.10)),
        url("../images/hero/123.png") center/cover no-repeat !important;
}

.hero-wallpaper::before{
    display:none;
}

.hero-wallpaper .hero-content{
    position:relative;
    z-index:2;
}

.luxury-banner-hero-bg{
    background:
        linear-gradient(90deg,rgba(23,0,6,.94),rgba(38,7,16,.62),rgba(38,7,16,.25)),
        url("../images/hero/123.png") center/cover fixed !important;
}

.login-page-bg{
    min-height:100vh;
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:120px 0 70px;

    background:
        linear-gradient(90deg,rgba(23,0,6,.82),rgba(38,7,16,.60),rgba(23,0,6,.82)),
        url("../images/hero/1.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.login-overlay{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top left,rgba(242,210,122,.18),transparent 35%),
        radial-gradient(circle at bottom right,rgba(129,27,57,.22),transparent 40%);
    z-index:1;
}

.login-content{
    width:min(1220px,92%);
    margin:auto;
    position:relative;
    z-index:2;
}

.login-card{
    max-width:500px;
    margin:0;
    background:linear-gradient(135deg,#fffaf5,#f8eadf) !important;
    color:#260710;
}

.login-card h2{
    color:#260710;
}

.login-card p{
    color:#6e4a52 !important;
    margin:10px 0 25px;
}

.login-bottom-text{
    margin-top:20px !important;
    text-align:center;
}

.login-bottom-text a{
    color:#b47b24;
    font-weight:800;
}