:root{
  --bg:#07111f;
  --panel:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.18);
  --text:#eef5ff;
  --muted:#c4d4e8;
  --accent:#4fc3ff;
  --accent2:#3f7dff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#0a1730,#07111f 40%,#060d19);color:var(--text)}
a{color:#8ed6ff;text-decoration:none}
a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:30;background:rgba(6,13,24,.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.head{max-width:980px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:900;letter-spacing:.08em;color:#e9f4ff;text-decoration:none}
.phone{color:#fff;text-decoration:none;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid var(--line)}
main{max-width:980px;margin:0 auto;padding:24px 16px 42px}
.wrap{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.08;margin:.2rem 0 .8rem}
h2{margin:1.2rem 0 .6rem}
p,li{line-height:1.65;color:#d9e8fb}
ul{margin:0;padding-left:1.2rem}
.meta{color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid transparent}
.btn-primary{background:linear-gradient(120deg,var(--accent2),var(--accent));color:#fff;box-shadow:0 12px 30px rgba(79,195,255,.35)}
.btn-ghost{background:rgba(255,255,255,.08);border-color:var(--line);color:#eef5ff}
footer{max-width:980px;margin:0 auto;padding:0 16px 36px;color:#9db3d2}
@media(max-width:760px){.head{padding:12px}.phone{padding:8px 10px;font-size:.95rem}}


.hero-img{margin:14px 0 18px}
.hero-img img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.gallery{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gallery img{width:100%;height:170px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr}.gallery img{height:140px}}