:root {
  --bg: #080d1a;
  --panel: #101a31;
  --panel-2: #0d1528;
  --text: #e9efff;
  --muted: #9caac8;
  --line: #27365a;
  --gold: #d3b073;
  --blue: #4f7df5;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Manrope',sans-serif;background:radial-gradient(circle at 10% 0%,#111d3a 0%,#080d1a 44%);color:var(--text)}
a{color:#a9c3ff}
.container{width:min(1180px,92%);margin:0 auto}
.topbar{position:sticky;top:0;backdrop-filter:blur(8px);background:rgba(8,13,26,.75);border-bottom:1px solid var(--line);z-index:20}
.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.logo{font-weight:800;letter-spacing:2px}
nav a{margin-left:1.1rem;text-decoration:none;color:var(--text)}
nav a.active{color:var(--gold)}
.hero{padding:5rem 0 4rem}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem;align-items:center}
.tag{color:var(--gold);text-transform:uppercase;letter-spacing:1.4px;font-size:.8rem}
h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,4rem);line-height:1.1;margin:.3rem 0 1rem}
.lead{color:#d7e2ff}
.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:16px;padding:1.2rem}
.panel img{width:100%;border-radius:12px;min-height:360px;object-fit:cover}
.btn{display:inline-block;padding:.78rem 1.2rem;border-radius:10px;text-decoration:none;font-weight:700;border:none;cursor:pointer}
.btn-primary{background:var(--blue);color:#fff}.btn-ghost{border:1px solid #9fb3ec;color:#e8efff}
.section{padding:3.5rem 0}.section h2{font-size:clamp(1.4rem,3vw,2.2rem);margin:0 0 1rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.2rem}
.card img{width:44px;height:44px}.card p,.muted{color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:center}
.split img,.gallery img{width:100%;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.split img{min-height:340px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gallery img{height:290px}
ol{line-height:1.8;color:var(--muted)}
.cabinet-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem}
.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem;display:grid;gap:.55rem}
input{background:#0b142b;border:1px solid #334163;color:var(--text);padding:.72rem;border-radius:8px}
.login-message{min-height:1.2rem;font-weight:700}.error{color:#ff8794}.success{color:#63de99}
footer{margin-top:2rem;border-top:1px solid var(--line);padding:2rem 0 3rem;background:#090f1f}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kpi .card h3{font-size:2rem;margin:0;color:var(--gold)}
@media(max-width:950px){.hero-grid,.cards,.split,.gallery,.cabinet-wrap,.footer-grid,.kpi{grid-template-columns:1fr}nav{display:none}}

.logo img{height:44px;width:auto;display:block}