:root{
  --bg:#0b0b0b; --ink:#f5f5f5; --muted:#bfbfbf; --gold:#D4AF37;
  --panel:#121212; --border:#222;
}
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;color:var(--ink);font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(212,175,55,0.18), rgba(0,0,0,0) 60%),
    radial-gradient(1200px 600px at 50% 100%, rgba(212,175,55,0.18), rgba(0,0,0,0) 60%),
    radial-gradient(800px 1200px at 50% 50%, rgba(212,175,55,0.10), rgba(0,0,0,0) 70%),
    #0b0b0b;
  background-attachment: fixed, fixed, fixed, fixed;
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

.topbar{display:flex;justify-content:space-between;align-items:center;padding-top:14px}
.brand{font-weight:800;letter-spacing:4px;color:var(--gold)}
.lang .lang-btn{background:#000;border:1px solid var(--border);color:var(--ink);padding:6px 10px;border-radius:10px;margin-left:8px;cursor:pointer}
.lang .lang-btn:hover{border-color:var(--gold)}

.hero{min-height:56vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:30px 20px}
.logo{font-size:64px;letter-spacing:8px;margin:20px 0 8px 0}
.tagline{max-width:860px;margin:0 auto 20px auto;font-weight:600;color:var(--muted)}
.btn{padding:12px 22px;border:2px solid var(--gold);border-radius:999px;text-decoration:none;color:var(--ink);display:inline-block;font-weight:600}
.btn--gold{background:var(--gold);color:#111;border-color:var(--gold)}
.btn:hover{transform:translateY(-1px);border-color:#f0d86a}

section{padding:64px 0;border-top:1px solid var(--border)}
h2{font-size:40px;margin:0 0 16px 0}
.muted{color:var(--muted)}
.about p{font-size:18px;line-height:1.7;color:var(--muted)}

.services-list{margin:24px auto 32px auto;max-width:1000px;padding-left:20px;text-align:left;color:var(--muted);font-size:18px;line-height:1.6}
.services-list li{margin-bottom:10px}

.services .carousel{position:relative;margin-top:8px}
.viewport{overflow:hidden}
.track{display:flex;gap:24px;list-style:none;padding:0;margin:0;transition:transform .6s ease}
.slide{flex:0 0 33.333%;display:flex;justify-content:center;align-items:center;transform:scale(.95);transition:transform .6s ease, opacity .6s ease}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:22px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;width:100%}
.card h3{margin:0 0 8px 0}
.card__list{margin:0 0 10px 18px;color:var(--muted)}
.card__list li{margin:6px 0}
.price{color:var(--gold);font-weight:800;font-size:20px}
.slide.active{transform:scale(1.08)}
.nav{position:absolute;top:50%;transform:translateY(-50%);background:#000;border:1px solid var(--border);color:var(--ink);width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:26px;display:flex;align-items:center;justify-content:center;opacity:.85}
.nav:hover{opacity:1;border-color:var(--gold)}
.prev{left:-6px}
.next{right:-6px}
.hint{margin-top:12px;text-align:center}

.contact .buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.contact .qr{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:12px}
.contact .qr img{width:140px;height:140px;border-radius:12px;border:2px solid var(--gold);padding:6px;background:#000}

.footer{position:relative;padding:28px 0 34px 0;text-align:center;color:var(--muted)}
.footer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(90deg, rgba(212,175,55,0), rgba(212,175,55,0.85), rgba(212,175,55,0));
  filter:saturate(1.1);
}

@media (max-width:900px){
  .slide{flex:0 0 80%}
  .nav{display:none}
}