:root{--gold:#f4d78e;--gold2:#b57a24;--pink:#ff3ea6;--ink:#080207;--panel:#12060f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle 
at 60% 4%,#3b132a 0,transparent 
30%),#070105;font-family:Montserrat,sans-serif;overflow-x:hidden}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle 
at 88% 72%,rgba(255,0,143,.12),transparent 
25%);z-index:-1}.brand{display:grid;grid-template-columns:auto 
1fr;column-gap:8px;line-height:1}.brand-crown{grid-row:1/3;color:var(--gold);font-size:30px;transform:translateY(-4px)}.brand-name{font-family:'Cormorant 
Garamond',serif;font-size:29px;letter-spacing:.13em;color:#f7e3ab}.brand-subtitle{font-size:9px;letter-spacing:.32em;color:#4A2D00 !important9}.nav-link{font-size:13px;letter-spacing:.08em;color:#fff;position:relative;padding:12px 
0}.nav-link:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:var(--gold);transition:.25s}.nav-link:hover:after,.nav-link.active:after{left:0;right:0}.gold-button,.outline-button,.small-outline{display:inline-flex;align-items:center;gap:12px;border-radius:12px;font-weight:600;letter-spacing:.03em;transition:.25s}.gold-button{padding:14px 
25px;color:#4A2D00 !important;background:linear-gradient(145deg,#fff0bd,#d59a31 
70%,#a65e15);box-shadow:inset 0 1px #fff8,0 0 24px #ffbf4630;border:1px solid 
#ffe8a4}.gold-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.outline-button,.small-outline{border:1px 
solid #ff7bc2;background:#12041080;color:#4A2D00 !important;box-shadow:0 0 18px 
#ff2a9f24}.outline-button{padding:14px 
25px}.outline-button:hover,.small-outline:hover{background:#ff3ea617}.small-outline{padding:11px 
17px;font-size:12px}.menu-button{width:44px;height:44px;border:1px solid 
#fff2;border-radius:12px;padding:10px}.menu-button 
span{display:block;height:1px;background:#f8daa1;margin:5px}.mobile-menu{margin:0 
20px;padding:18px;border:1px solid 
#ff73b342;border-radius:16px;background:#090207ed;backdrop-filter:blur(16px)}.mobile-menu 
a{display:block;padding:12px;color:#fff}.hero-section{position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0 
0 0 31%;z-index:-3;background:url('assets/hero-new.png') center/cover 
no-repeat;filter:saturate(1.12) 
contrast(1.02)}.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070105 
0%,#10040de8 39%,#12060c8f 66%,#09020538),linear-gradient(0deg,#070105 
0%,transparent 
30%)}.eyebrow{font-size:11px;letter-spacing:.3em;color:#edc778}.hero-title,.section-title{font-family:'Cormorant 
Garamond',serif;color:#f7dfa3;text-shadow:0 0 24px 
#ffc54a20}.hero-title{font-size:clamp(55px,7vw,96px);font-weight:600;line-height:.86;letter-spacing:.02em}.kiss{font-size:.45em;vertical-align:middle}.script-line,.section-script{font-family:Allura,cursive;color:#f98ac9;text-shadow:0 
0 18px 
#ff38ab70}.script-line{font-size:clamp(42px,5vw,66px);line-height:1.1}.section-title{font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:.02em}.section-script{font-size:clamp(28px,3vw,42px)}.hero-cta{min-width:205px;justify-content:center;font-size:16px}.features{display:flex;flex-wrap:wrap;gap:24px;color:#fffbd;font-size:13px}.features 
div{display:flex;align-items:center;gap:9px}.features 
span{font-size:24px;color:#f6d88d}.section-shell{background:linear-gradient(180deg,#080105,#0d020a)}.girl-card{position:relative;overflow:hidden;min-height:360px;border:1px 
solid #f075b1aa;border-radius:14px;background:#18040f;box-shadow:0 0 0 1px 
#ff77c314 inset,0 0 24px 
#ff229a0d;transition:.3s}.girl-card:hover{transform:translateY(-5px);box-shadow:0 
15px 45px #0008,0 0 26px #ff319a25}.girl-card 
img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.girl-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 
40%,#090106f2 
83%)}.new-badge{position:absolute;top:13px;left:12px;z-index:2;padding:5px 
9px;border-radius:5px;background:linear-gradient(#ff58bb,#b80063);font-weight:700;box-shadow:0 
0 14px 
#ff3cab}.favorite{position:absolute;right:12px;top:10px;z-index:3;font-size:26px;line-height:1;background:none;border:0;color:white}.favorite.active{color:#ff68b5}.girl-info{position:absolute;left:24px;right:20px;bottom:18px;z-index:2}.girl-name{font-family:'Cormorant 
Garamond',serif;color:#f6dea0;font-size:31px;font-weight:700}.available{font-size:12px;color:#fff}.available:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#13ea72;margin-right:7px;box-shadow:0 
0 8px 
#13ea72}.meta{font-size:13px;color:#fff;margin-top:6px}.rating{color:#ffd365;letter-spacing:.16em;margin-top:6px}.dot{width:10px;height:10px;border:1px 
solid 
#fff8;border-radius:50%;background:transparent}.dot.active{background:#ff9dd2;box-shadow:0 
0 12px 
#ff5ab5}.contact-panel{min-height:185px;display:grid;grid-template-columns:1fr 
220px;border:1px solid 
#f244a052;border-radius:24px;background:linear-gradient(90deg,#18040f,#10020b);box-shadow:0 
0 35px #ff168a13}.contact-copy{padding:28px 
38px}.contact-image{background:linear-gradient(90deg,#12020c00,#fb269b30),url('assets/contact.jpg') 
center/cover 
no-repeat}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.contact-grid 
a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-left:1px solid 
#fff1}.contact-grid b,.contact-grid small{display:block}.contact-grid 
b{font-size:12px}.contact-grid 
small{font-size:12px;color:#fff9;margin-top:4px}.contact-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:23px;color:#ff84c4;border:1px 
solid 
#ff5eae77}.line-icon{font-size:9px;background:#d2ad2f;color:#211400;font-weight:800}.join-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px 
solid 
#fff1;border-radius:20px;padding:30px;background:#0d030a}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(520px,100%);padding:30px;border:1px 
solid 
#ff5caf69;border-radius:22px;background:linear-gradient(145deg,#1b0714,#090207);box-shadow:0 
30px 100px 
#000}.modal-close{position:absolute;right:18px;top:12px;font-size:28px;color:#fff8}.modal 
input,.modal select,.modal textarea{width:100%;border:1px solid 
#fff2;border-radius:10px;background:#fff08;padding:13px 
14px;color:#fff;outline:none}.modal option{color:#111}.modal input:focus,.modal 
textarea:focus,.modal 
select:focus{border-color:#ff66b6}.toast{position:fixed;right:20px;bottom:20px;z-index:120;padding:13px 
18px;border-radius:10px;background:#e7b44a;color:#190c00;font-weight:600;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1} 
@media(max-width:1023px){.hero-image{inset:0;background-position:65% 
center}.hero-overlay{background:linear-gradient(90deg,#070105f5 0%,#0d030acb 
56%,#08010568),linear-gradient(0deg,#070105 0%,transparent 35%)}.hero-section 
.grid{min-height:760px}.contact-grid{grid-template-columns:repeat(2,1fr)}} 
@media(max-width:700px){.brand-name{font-size:22px}.brand-subtitle{font-size:7px}.hero-image{background-position:66% 
center;opacity:.62}.hero-title{font-size:54px}.hero-section 
.grid{min-height:720px}.features{gap:13px}.features 
div{width:100%}.contact-panel{grid-template-columns:1fr}.contact-image{height:170px}.contact-copy{padding:26px 
20px}.contact-grid{grid-template-columns:1fr}.contact-grid 
a{border-left:0;border-top:1px solid 
#fff1}.join-card{align-items:flex-start;flex-direction:column}.girl-card{min-height:410px}} 
.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking-grid 
label{display:block}.booking-grid label span{display:block;margin:0 0 
7px;color:#ffffffa8;font-size:12px}.booking-grid 
.full{grid-column:1/-1}.honeypot{position:absolute!important;left:-9999px!important}.form-message{min-height:20px;margin:0;font-size:13px}.form-message.error{color:#ff9dbd}.form-message.success{color:#91efb0}.modal-card{max-height:92vh;overflow:auto}@media(max-width:620px){.booking-grid{grid-template-columns:1fr}.booking-grid 
.full{grid-column:auto}} /* ===== Booking Form UI Upgrade ===== */

.booking-grid label span{
    display:block;
    margin-bottom:8px;
    color:#F0D8A0;
    font-size:13px;
    font-weight:600;
    letter-spacing:.3px;
}

.booking-grid input,
.booking-grid select,
.booking-grid textarea{

    width:100%;
    box-sizing:border-box;

    background:#fff;

    color:#222;

    border:1px solid #D9C7A3;

    border-radius:10px;

    padding:14px 16px;

    font-size:15px;

    font-weight:500;

}

.booking-grid input,
.booking-grid select{

    height:54px;

}

.booking-grid textarea{

    min-height:140px;

}

.booking-grid input::placeholder,
.booking-grid textarea::placeholder{

    color:#777;

    opacity:1;

}

.booking-grid select{

    color:#222;

}

.booking-grid input:focus,
.booking-grid select:focus,
.booking-grid textarea:focus{

    outline:none;

    border-color:#E6BF6A;

    box-shadow:0 0 0 3px rgba(230,191,106,.25);

}

.gold-button{
    color:#4A2D00 !important;
    font-weight:700;
    font-size:15px;
    letter-spacing:1px;
}

}
.booking-grid .gold-button{color:#4A2D00 !important;text-shadow:none !important;font-weight:700 !important;}
/* Reduce large OUTCALL text inside hero background image */
.hero-overlay{
    opacity:.82 !important;
    background:linear-gradient(
        90deg,
        rgba(7,1,5,.94) 0%,
        rgba(13,3,10,.82) 55%,
        rgba(8,1,6,.55) 100%
    ) !important;
}
/* Stronger booking button text */
.booking-grid button.gold-button {
    color: #2f1b00 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
/* Stronger booking button text */
.booking-grid button.gold-button {
    color: #2f1b00 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
/* Stronger booking button text */
.booking-grid button.gold-button {
    color: #2f1b00 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
/* Stronger booking button text */
.booking-grid button.gold-button {
    color: #2f1b00 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
/* Hero button text contrast */
.hero-cta .gold-button,
.hero-cta .outline-button {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.hero-cta .gold-button,
.hero-cta .gold-button * {
    color: #321d00 !important;
}

.hero-cta .outline-button,
.hero-cta .outline-button * {
    color: #ffd7ec !important;
}

.hero-cta .outline-button {
    border-color: #f06ab7 !important;
    background: rgba(25, 3, 18, 0.5) !important;
}

.hero-cta .outline-button:hover {
    color: #ffffff !important;
    background: rgba(240, 106, 183, 0.14) !important;
}
/* Make the Hero secondary button readable */
.hero-cta .outline-button,
.hero-cta .outline-button span,
.hero-cta .outline-button i,
.hero-cta .outline-button svg {
    color: #ffd8ec !important;
    fill: #ffd8ec !important;
    opacity: 1 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 8px rgba(255, 120, 190, .35) !important;
}

.hero-cta .outline-button {
    border: 1px solid #f06ab7 !important;
    background: rgba(20, 2, 14, .72) !important;
}

.hero-cta .outline-button:hover {
    background: #f06ab7 !important;
    color: #210313 !important;
}

.hero-cta .outline-button:hover * {
    color: #210313 !important;
    fill: #210313 !important;
}

/* Hero CTA button contrast fix */
.gold-button.hero-cta,
.gold-button.hero-cta span {
    color: #2f1b00 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.outline-button.hero-cta,
.outline-button.hero-cta span {
    color: #ffd8ec !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-shadow: 0 1px 8px rgba(255, 120, 190, 0.35) !important;
    opacity: 1 !important;
}

.outline-button.hero-cta {
    border-color: #f06ab7 !important;
    background: rgba(20, 2, 14, 0.72) !important;
}

.outline-button.hero-cta:hover {
    background: #f06ab7 !important;
    color: #210313 !important;
}

.outline-button.hero-cta:hover span {
    color: #210313 !important;
}
/* Stronger top navigation booking button */
header .gold-button,
header .gold-button span {
    color: #2a1700 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.7px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

header .gold-button {
    background: linear-gradient(135deg, #ffe8a6, #d89424) !important;
    border: 1px solid #f5cf70 !important;
    box-shadow: 0 7px 18px rgba(216, 148, 36, 0.3) !important;
}
/* ===== Compact Why Choose Section ===== */

.why-choose-section {
    padding: 64px 24px;
    background: #090105;
    border-top: 1px solid rgba(240, 106, 183, 0.18);
    border-bottom: 1px solid rgba(240, 106, 183, 0.14);
}

.why-choose-inner {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.why-choose-heading {
    margin-bottom: 34px;
    text-align: center;
}

.why-choose-heading .eyebrow {
    margin: 0 0 10px;
    color: #d4a95f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.32em;
}

.why-choose-heading h2 {
    margin: 0;
    color: #fff2d7;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 500;
}

.why-choose-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.why-card {
    min-height: 160px;
    padding: 24px 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(240, 106, 183, 0.18);
    border-radius: 16px;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.why-card:hover {
    transform: translateY(-4px);
    border-color: rgba(242, 199, 110, 0.65);
}

.why-icon {
    margin-bottom: 14px;
    color: #efc66e;
    font-size: 25px;
}

.why-card h3 {
    margin: 0 0 8px;
    color: #f5dab0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 23px;
    font-weight: 600;
}

.why-card p {
    margin: 0;
    color: #b9aab3;
    font-size: 13px;
    line-height: 1.55;
}

.why-choose-action,
.why-book-button,
.why-choose-intro {
    display: none !important;
}

@media (max-width: 850px) {
    .why-choose-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .why-choose-section {
        padding: 52px 18px;
    }

    .why-choose-grid {
        grid-template-columns: 1fr;
    }

    .why-card {
        min-height: auto;
    }
}
/* Stronger top navigation booking button */
header .gold-button,
header .gold-button span {
    color: #2a1700 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.7px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

header .gold-button {
    background: linear-gradient(135deg, #ffe8a6, #d89424) !important;
    border: 1px solid #f5cf70 !important;
    box-shadow: 0 7px 18px rgba(216, 148, 36, 0.3) !important;
}
/* Booking form readability */
.booking-modal label,
.booking-form label,
.booking-panel label {
    color: #d8ad6b;
    font-weight: 600;
}

.booking-modal input,
.booking-modal select,
.booking-modal textarea,
.booking-form input,
.booking-form select,
.booking-form textarea,
.booking-panel input,
.booking-panel select,
.booking-panel textarea {
    color: #24151f;
    font-weight: 500;
    background: #fffdf9;
    border-color: #d8c29a;
}

.booking-modal input::placeholder,
.booking-modal textarea::placeholder,
.booking-form input::placeholder,
.booking-form textarea::placeholder,
.booking-panel input::placeholder,
.booking-panel textarea::placeholder {
    color: #6f6670;
    opacity: 1;
}

.booking-modal select,
.booking-form select,
.booking-panel select {
    color: #30242e;
}

.booking-modal input:focus,
.booking-modal select:focus,
.booking-modal textarea:focus,
.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus,
.booking-panel input:focus,
.booking-panel select:focus,
.booking-panel textarea:focus {
    outline: none;
    border-color: #d49a2a;
    box-shadow: 0 0 0 3px rgba(212, 154, 42, .2);
}