/* White Gold Dental Chamber - Luxury Gold Theme */
:root {
    --gold: #f59e0b;
    --gold-light: #fbbf24;
    --gold-dark: #d97706;
    --bg-1: #0a0700;
    --bg-2: #151100;
    --bg-card: rgba(25, 20, 0, 0.75);
    --text-primary: #fffbeb;
    --text-secondary: #fef3c7;
    --text-light: #d1c7a3;
    --border: rgba(251, 191, 36, 0.4);
    --border-light: rgba(251, 191, 36, 0.25);
    --glow: 0 0 100px rgba(245, 158, 11, 0.5);
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body {
    font-family:'Inter',sans-serif;
    color:var(--text-primary);
    background: radial-gradient(ellipse at top, #1a1600 0%, var(--bg-1) 40%, #050400 100%);
    overflow-x:hidden;
    line-height:1.8;
}

.luxury-bg { position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.gold-orb { position:absolute; border-radius:50%; filter:blur(120px); opacity:0.35; animation:orb 25s ease-in-out infinite; }
.orb-1 { width:600px; height:600px; background:radial-gradient(circle, var(--gold-light) 0%, transparent 70%); top:-200px; right:-150px; }
.orb-2 { width:500px; height:500px; background:radial-gradient(circle, var(--gold) 0%, transparent 70%); bottom:-150px; left:-100px; animation-delay:8s; }
.orb-3 { width:450px; height:450px; background:radial-gradient(circle, #fef3c7 0%, transparent 70%); top:40%; left:55%; animation-delay:16s; }
@keyframes orb { 0%,100%{transform:translate(0,0) scale(1)} 25%{transform:translate(30px,-40px) scale(1.08)} 50%{transform:translate(-25px,25px) scale(.92)} 75%{transform:translate(35px,20px) scale(1.04)} }
.particle-layer { position:absolute; inset:0; background-image: radial-gradient(rgba(251,191,36,0.15) 1px, transparent 1px); background-size:40px 40px; opacity:.18; animation:float 30s linear infinite; }
@keyframes float { 0%{transform:translateY(0)} 100%{transform:translateY(-40px)} }

.container { max-width:1400px; margin:0 auto; padding:0 2rem; position:relative; z-index:2; }
.gold-text { background:linear-gradient(135deg, var(--gold-light) 0%, #fef08a 50%, var(--gold) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:inline-block; }
h1,h2,h3,h4 { font-family:'Playfair Display','Plus Jakarta Sans',serif; font-weight:700; line-height:1.15; color:var(--text-primary); }

.btn { position:relative; display:inline-flex; align-items:center; gap:.75rem; padding:1rem 2rem; font-family:'Plus Jakarta Sans',sans-serif; font-weight:600; font-size:1rem; text-decoration:none; border:none; border-radius:100px; cursor:pointer; overflow:hidden; transition:all .4s ease; z-index:1; }
.btn-content { position:relative; z-index:3; display:flex; align-items:center; gap:.75rem; }
.btn-shimmer { position:absolute; top:0; left:-150%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(254,243,199,.6),transparent); transform:skewX(-20deg); transition:left .8s ease; z-index:2; }
.btn:hover .btn-shimmer { left:150%; }
.btn-gold { background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); color:#1a1302; box-shadow:0 20px 60px -15px rgba(245,158,11,.8), 0 0 0 1px rgba(254,243,199,.4) inset; font-weight:700; }
.btn-gold:hover { transform:translateY(-6px); box-shadow:0 30px 80px -15px rgba(245,158,11,.9); }
.btn-ghost-gold { background:rgba(245,158,11,.12); backdrop-filter:blur(20px); border:2px solid var(--gold-light); color:var(--text-primary); box-shadow:0 0 40px rgba(245,158,11,.25); }
.btn-ghost-gold:hover { transform:translateY(-6px); box-shadow:0 0 60px rgba(245,158,11,.4); }
.btn-lg { padding:1.125rem 2.75rem; font-size:1.125rem; }
.btn-xl { padding:1.25rem 3rem; font-size:1.125rem; }
.btn-full { width:100%; justify-content:center; }

.navbar-luxury { position:fixed; top:1rem; left:50%; transform:translateX(-50%); width:calc(100% - 4rem); max-width:1400px; background:rgba(10,7,0,.85); backdrop-filter:blur(30px); border:1px solid var(--border); border-radius:100px; box-shadow:0 30px 80px -20px rgba(245,158,11,.4); z-index:1000; transition:all .4s ease; }
.navbar-luxury.scrolled { top:.5rem; width:calc(100% - 2rem); background:rgba(10,7,0,.95); }
.navbar-luxury .container { display:flex; align-items:center; justify-content:space-between; padding:.75rem 2rem; }
.nav-logo { display:flex; align-items:center; gap:.875rem; }
.logo-frame { padding:.375rem; background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%); border-radius:14px; box-shadow:var(--glow); }
.logo { width:48px; height:48px; border-radius:10px; background:#fff; padding:6px; display:block; }
.logo-text h2 { margin:0; font-size:1.25rem; font-family:'Playfair Display',serif; background:linear-gradient(135deg,var(--gold-light) 0%,#fef08a 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.logo-text span { font-size:.7rem; color:var(--text-light); text-transform:uppercase; letter-spacing:.3em; }
.nav-menu { display:flex; list-style:none; gap:1.75rem; }
.nav-link { text-decoration:none; color:var(--text-secondary); font-weight:600; font-size:.95rem; padding:.625rem 0; position:relative; font-family:'Plus Jakarta Sans',sans-serif; transition:all .4s ease; }
.nav-link::before { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0; height:2px; background:linear-gradient(90deg,var(--gold-light),#fef08a); border-radius:2px; transition:width .4s ease; box-shadow:0 0 10px rgba(245,158,11,.6); }
.nav-link:hover { color:var(--text-primary); }
.nav-link:hover::before { width:80%; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:.5rem; }
.hamburger span { width:28px; height:3px; background:var(--text-primary); border-radius:2px; transition:all .4s ease; }

.hero-luxury { padding:200px 0 140px; }
.hero-luxury .container { display:grid; grid-template-columns:1.15fr .85fr; gap:5rem; align-items:center; }
.hero-badge-lux { display:inline-flex; align-items:center; gap:.75rem; padding:.875rem 2rem; background:rgba(245,158,11,.15); backdrop-filter:blur(25px); border:1px solid var(--border); border-radius:100px; margin-bottom:2rem; font-weight:700; font-family:'Plus Jakarta Sans',sans-serif; box-shadow:var(--glow); }
.hero-badge-lux i { color:var(--gold-light); text-shadow:0 0 20px var(--gold-light); }
.hero-luxury h1 { font-size:clamp(3rem,6.5vw,5rem); margin-bottom:1.5rem; letter-spacing:-.02em; }
.hero-subtitle { font-size:1.125rem; color:var(--text-secondary); margin-bottom:2.25rem; line-height:1.9; }
.hero-buttons { display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:2.5rem; }
.hero-trust { display:flex; flex-wrap:wrap; gap:1rem; }
.trust-item-gold { display:flex; align-items:center; gap:.625rem; padding:.75rem 1.5rem; background:rgba(25,20,0,.7); backdrop-filter:blur(15px); border:1px solid var(--border-light); border-radius:100px; font-weight:600; color:var(--text-secondary); }

.hero-image-lux { position:relative; perspective:1200px; }
.image-frame-lux { position:relative; border-radius:40px; overflow:hidden; box-shadow:0 60px 140px -40px rgba(245,158,11,.7); }
.frame-gold-ring { position:absolute; inset:-3px; background:conic-gradient(from 0deg, transparent, var(--gold-light), transparent, #fef08a, transparent); animation:spin 10s linear infinite; border-radius:40px; }
.frame-inner { position:relative; margin:3px; border-radius:37px; overflow:hidden; background:var(--bg-1); }
.hero-img-lux { width:100%; height:700px; object-fit:cover; display:block; transition:transform .8s ease; }
.image-frame-lux:hover .hero-img-lux { transform:scale(1.08); }
.lux-glow { position:absolute; inset:0; background:radial-gradient(circle at 30% 30%, rgba(254,243,199,.25) 0%, transparent 60%); pointer-events:none; }
@keyframes spin { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }

.floating-gold-card { position:absolute; background:rgba(25,20,0,.95); backdrop-filter:blur(25px); border:1px solid var(--border); border-radius:20px; padding:1rem 1.25rem; display:flex; align-items:center; gap:.875rem; box-shadow:0 30px 80px -20px rgba(245,158,11,.7); animation:floatCard 4s ease-in-out infinite; z-index:10; }
.floating-gold-card i { font-size:1.75rem; background:linear-gradient(135deg,var(--gold-light) 0%,#fef08a 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 0 20px rgba(251,191,36,.4); }
.floating-gold-card h4 { margin:0; font-family:'Plus Jakarta Sans',sans-serif; font-size:.875rem; }
.floating-gold-card p { margin:0; font-size:.75rem; color:var(--text-light); }
.card-l1 { top:2rem; left:-3rem; }
.card-l2 { top:50%; right:-3rem; transform:translateY(-50%); animation-delay:1.3s; }
.card-l3 { bottom:2rem; left:1rem; animation-delay:2.6s; }
@keyframes floatCard { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }

.booking-luxury, .services-luxury, .reviews-luxury { padding:120px 0; }
.section-header-lux { text-align:center; margin-bottom:4rem; max-width:800px; margin-left:auto; margin-right:auto; }
.section-header-lux h2 { font-size:clamp(2.5rem,5vw,4rem); margin-bottom:1rem; }
.section-header-lux p { font-size:1.125rem; color:var(--text-secondary); }

.booking-panel-lux { position:relative; background:linear-gradient(135deg, rgba(25,20,0,.9) 0%, rgba(10,7,0,.95) 100%); backdrop-filter:blur(40px); border-radius:40px; border:1px solid var(--border); box-shadow:0 60px 120px -30px rgba(245,158,11,.5); overflow:hidden; }
.booking-border-gold { position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,transparent,var(--gold-light),#fef08a,var(--gold-light),transparent); background-size:200% 100%; animation:flow 5s linear infinite; }
@keyframes flow { 0%{background-position:0% 0} 100%{background-position:200% 0} }
.booking-inner { display:grid; grid-template-columns:1fr 1.3fr; gap:4rem; padding:3.5rem; position:relative; z-index:1; }
.booking-info-lux h3 { font-size:2rem; margin-bottom:2rem; font-family:'Playfair Display',serif; }
.lux-benefits { display:flex; flex-direction:column; gap:1.5rem; }
.lux-benefit { display:flex; gap:1rem; align-items:flex-start; padding:1.25rem; background:rgba(245,158,11,.08); backdrop-filter:blur(15px); border:1px solid var(--border-light); border-radius:20px; transition:all .4s ease; }
.lux-benefit:hover { transform:translateX(8px); border-color:var(--gold-light); box-shadow:0 20px 60px -15px rgba(245,158,11,.4); }
.benefit-gold-icon { width:52px; height:52px; background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%); border-radius:14px; display:flex; align-items:center; justify-content:center; color:#1a1302; font-size:1.375rem; box-shadow:0 15px 40px -10px rgba(245,158,11,.7); }
.lux-benefit h4 { margin:0 0 .25rem 0; font-family:'Plus Jakarta Sans',sans-serif; font-size:1rem; }
.lux-benefit p { margin:0; font-size:.9rem; color:var(--text-light); }
.gold-orb-sm { width:120px; height:120px; background:radial-gradient(circle, rgba(251,191,36,.4) 0%, transparent 70%); border-radius:50%; margin:2rem auto 0; position:relative; }
.gold-orb-sm::before { content:''; position:absolute; inset:15px; background:radial-gradient(circle, var(--gold-light) 0%, var(--gold) 100%); border-radius:50%; box-shadow:var(--glow); }

.booking-form-lux { background:rgba(10,7,0,.7); backdrop-filter:blur(25px); border:1px solid var(--border); border-radius:32px; padding:2.75rem; }
.booking-form-lux h3 { font-size:1.875rem; margin-bottom:2rem; font-family:'Playfair Display',serif; }
.form-grid-lux { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:1.5rem; }
.input-lux { display:flex; flex-direction:column; gap:.625rem; position:relative; }
.input-lux.full-width { grid-column:1/-1; margin-bottom:1.5rem; }
.input-lux label { display:flex; align-items:center; gap:.5rem; font-weight:600; color:var(--text-secondary); font-size:.9rem; font-family:'Plus Jakarta Sans',sans-serif; }
.input-lux label i { color:var(--gold-light); }
.input-lux input, .input-lux select, .input-lux textarea { padding:1rem 1.125rem; font-family:'Inter',sans-serif; font-size:.95rem; background:rgba(25,20,0,.7); border:1px solid var(--border-light); border-radius:14px; color:var(--text-primary); outline:none; transition:all .4s ease; resize:vertical; }
.input-lux input:focus, .input-lux select:focus, .input-lux textarea:focus { border-color:var(--gold-light); box-shadow:0 0 0 4px rgba(245,158,11,.2); background:rgba(25,20,0,.9); }
.gold-line { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0; height:1px; background:linear-gradient(90deg,var(--gold-light),#fef08a); transition:width .4s ease; }
.input-lux input:focus ~ .gold-line, .input-lux select:focus ~ .gold-line, .input-lux textarea:focus ~ .gold-line { width:100%; }
.lux-note { text-align:center; margin-top:1rem; font-size:.875rem; color:var(--text-light); }

.services-grid-lux { display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:2rem; }
.service-card-gold { position:relative; background:linear-gradient(135deg, rgba(25,20,0,.85) 0%, rgba(10,7,0,.9) 100%); backdrop-filter:blur(25px); border:1px solid var(--border-light); border-radius:32px; padding:2.75rem; transition:all .4s ease; overflow:hidden; }
.gold-card-bg { position:absolute; top:-40%; right:-40%; width:200px; height:200px; background:radial-gradient(circle, rgba(251,191,36,.25) 0%, transparent 70%); filter:blur(50px); transition:all .4s ease; }
.service-card-gold:hover { transform:translateY(-10px); border-color:var(--gold-light); box-shadow:0 40px 100px -20px rgba(245,158,11,.5); }
.service-card-gold:hover .gold-card-bg { transform:scale(1.8); }
.gold-icon-wrap { width:76px; height:76px; background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%); border-radius:16px; display:flex; align-items:center; justify-content:center; color:#1a1302; font-size:2rem; margin-bottom:1.5rem; box-shadow:0 20px 50px -15px rgba(245,158,11,.8); }
.service-card-gold h3 { font-size:1.5rem; margin-bottom:.875rem; font-family:'Playfair Display',serif; }
.service-card-gold p { color:var(--text-secondary); line-height:1.8; margin:0; font-size:.95rem; }

.reviews-grid-lux { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:2rem; margin-bottom:2.75rem; }
.review-card-gold { background:linear-gradient(135deg, rgba(25,20,0,.85) 0%, rgba(10,7,0,.9) 100%); backdrop-filter:blur(25px); border:1px solid var(--border-light); border-radius:28px; padding:2.25rem; transition:all .4s ease; }
.review-card-gold:hover { transform:translateY(-8px); border-color:var(--gold-light); box-shadow:0 30px 80px -20px rgba(245,158,11,.4); }
.gold-stars { display:flex; gap:.375rem; color:var(--gold-light); font-size:1.125rem; margin-bottom:1rem; text-shadow:0 0 15px rgba(251,191,36,.4); }
.review-card-gold p { color:var(--text-secondary); line-height:1.9; font-style:italic; margin-bottom:1.25rem; }
.review-card-gold h4 { margin:0; font-family:'Plus Jakarta Sans',sans-serif; font-size:1rem; }
.review-card-gold span { font-size:.875rem; color:var(--text-light); }
.reviews-cta-lux { text-align:center; }

.footer-luxury { position:relative; padding:80px 0 30px; margin-top:80px; background:linear-gradient(180deg, transparent 0%, #030200 100%); }
.footer-gold-bg { position:absolute; inset:0; background:radial-gradient(ellipse at top, rgba(245,158,11,.12) 0%, transparent 70%); pointer-events:none; }
.footer-grid-lux { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:3rem; margin-bottom:3rem; position:relative; z-index:1; }
.footer-logo-lux { display:flex; align-items:center; gap:1rem; margin-bottom:1.25rem; }
.footer-logo-lux img { width:54px; height:54px; border-radius:12px; padding:6px; background:#fff; }
.footer-logo-lux h3 { margin:0; font-family:'Playfair Display',serif; background:linear-gradient(135deg,var(--gold-light) 0%,#fef08a 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.footer-logo-lux span { font-size:.75rem; color:var(--text-light); text-transform:uppercase; letter-spacing:.25em; }
.footer-brand-lux p { color:var(--text-secondary); line-height:1.9; margin-bottom:1.25rem; }
.lux-social { display:flex; gap:.75rem; }
.lux-social a { width:44px; height:44px; background:rgba(245,158,11,.12); border:1px solid var(--border-light); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--text-primary); text-decoration:none; transition:all .4s ease; }
.lux-social a:hover { background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%); color:#1a1302; transform:translateY(-3px); box-shadow:0 10px 30px rgba(245,158,11,.5); }
.footer-links-lux h4, .footer-contact-lux h4 { margin:0 0 1.25rem 0; font-family:'Playfair Display',serif; font-size:1.125rem; }
.footer-links-lux ul { list-style:none; }
.footer-links-lux li { margin-bottom:.875rem; }
.footer-links-lux a { text-decoration:none; color:var(--text-secondary); transition:all .4s ease; display:inline-block; }
.footer-links-lux a:hover { color:var(--gold-light); transform:translateX(5px); }
.footer-contact-lux p { display:flex; gap:.875rem; color:var(--text-secondary); margin-bottom:1rem; align-items:flex-start; line-height:1.7; }
.footer-contact-lux i { color:var(--gold-light); margin-top:.25rem; }
.footer-contact-lux a { color:var(--text-secondary); text-decoration:none; }
.footer-bottom-lux { padding-top:2rem; border-top:1px solid var(--border-light); display:flex; flex-direction:column; gap:.5rem; text-align:center; position:relative; z-index:1; }
.footer-bottom-lux p { color:var(--text-light); margin:0; font-size:.875rem; }

.floating-gold-btn { position:fixed; bottom:2rem; right:2rem; z-index:999; display:none; }
.float-btn-gold { position:relative; display:flex; align-items:center; gap:.75rem; padding:1rem 1.75rem; background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%); color:#1a1302; text-decoration:none; border-radius:100px; font-weight:800; font-family:'Plus Jakarta Sans',sans-serif; box-shadow:0 30px 80px -15px rgba(245,158,11,.9); overflow:hidden; animation:pulse 2s ease-in-out infinite; }
.float-shimmer { position:absolute; top:0; left:-150%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(254,243,199,.8),transparent); transform:skewX(-20deg); animation:shimmer 3s ease-in-out infinite; }
@keyframes shimmer { 0%,100%{left:-150%} 50%{left:150%} }
@keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

@media (max-width:1200px) {
    .hero-luxury .container { grid-template-columns:1fr; gap:4rem; }
    .hero-image-lux { order:-1; }
    .hero-img-lux { height:550px; }
    .booking-inner { grid-template-columns:1fr; gap:3rem; padding:2.5rem; }
    .footer-grid-lux { grid-template-columns:1fr 1fr; gap:2.5rem; }
}
@media (max-width:968px) {
    .nav-menu { position:fixed; left:-100%; top:0; height:100vh; width:80%; max-width:350px; flex-direction:column; background:rgba(10,7,0,.98); backdrop-filter:blur(40px); padding:7rem 2rem 2rem; gap:1rem; transition:all .4s ease; z-index:999; }
    .nav-menu.active { left:0; }
    .nav-cta { display:none; }
    .hamburger { display:flex; z-index:1001; }
    .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)} .hamburger.active span:nth-child(2){opacity:0} .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(9px,-9px)}
    .navbar-luxury { width:calc(100% - 2rem); top:.5rem; border-radius:20px; }
    .form-grid-lux { grid-template-columns:1fr; }
    .services-grid-lux { grid-template-columns:1fr; }
    .floating-gold-btn { display:block; }
    .float-btn-gold span:nth-child(3) { display:none; }
    .float-btn-gold { padding:1rem; border-radius:50%; width:56px; height:56px; justify-content:center; }
}
@media (max-width:640px) {
    .container { padding:0 1rem; }
    .hero-luxury { padding:150px 0 90px; }
    .hero-img-lux { height:380px; }
    .card-l1, .card-l2, .card-l3 { position:relative; left:auto; right:auto; top:auto; bottom:auto; margin-top:1rem; width:100%; animation:none; }
    .booking-inner, .booking-form-lux, .service-card-gold { padding:1.75rem; }
    .footer-grid-lux { grid-template-columns:1fr; }
}