*{box-sizing:border-box;margin:0;padding:0}
body{background:#0c0b14;color:#e8e6f2;font-family:"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.box{max-width:1180px;margin:0 auto;padding:0 22px}
.top{position:sticky;top:0;z-index:5;background:rgba(12,11,20,.92);backdrop-filter:blur(6px);border-bottom:1px solid #22203a}
.top .box{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.logo{font-weight:800;letter-spacing:.06em;font-size:20px}
.logo b{color:#b26bff}
.links{display:flex;gap:26px;font-size:15px;color:#b9b4d4}
.links a:hover{color:#fff}
.phone{font-size:14px;border:1px solid #3a3560;padding:8px 14px;border-radius:8px}
.hero{min-height:600px;display:flex;align-items:center;background:linear-gradient(90deg,#0c0b14 25%,rgba(12,11,20,.55) 60%,rgba(12,11,20,.2)),var(--bg) center/cover no-repeat}
.hero .box{width:100%}
.tag{display:inline-block;color:#4dffb0;font-size:13px;letter-spacing:.06em;margin-bottom:18px}
.hero h1{font-size:52px;line-height:1.08;font-weight:800;max-width:620px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#b26bff,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:520px;margin:20px 0 30px;color:#c4bfdc;font-size:17px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{background:linear-gradient(90deg,#8a3dff,#d23cff);color:#fff;padding:14px 24px;border-radius:10px;font-weight:600;font-size:15px}
.btn.ghost{background:transparent;border:1px solid #4a4472}
h2{font-size:32px;font-weight:800;margin-bottom:26px}
.zones{padding:80px 22px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cards article{background:#16142a;border:1px solid #26233f;border-radius:14px;overflow:hidden}
.cards img{width:100%;aspect-ratio:7/5;object-fit:cover;display:block}
.cards article>div{padding:18px 20px 22px}
.cards h3{font-size:19px;margin-bottom:6px}
.cards p{color:#a9a3c8;font-size:14px}
.pricing{background:#121022;padding:72px 0;border-top:1px solid #22203a;border-bottom:1px solid #22203a}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{text-align:left;padding:16px 14px;border-bottom:1px solid #2a2646}
th{color:#8e88b2;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em}
td:not(:first-child){color:#d8c2ff;font-weight:600}
.note{margin-top:18px;color:#8e88b2;font-size:14px}
.book{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:80px 22px}
.book p{color:#b9b4d4}
.addr{margin-top:18px;color:#e8e6f2!important}
form{display:grid;gap:12px}
input,select{background:#16142a;border:1px solid #2f2b4f;color:#e8e6f2;padding:14px;border-radius:10px;font-size:15px}
form button{background:linear-gradient(90deg,#8a3dff,#d23cff);border:0;color:#fff;padding:15px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}
.foot{border-top:1px solid #22203a;padding:26px 0;font-size:13px;color:#77729a}
.foot .box{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:860px){.cards{grid-template-columns:1fr}.book{grid-template-columns:1fr}.hero h1{font-size:36px}.links{display:none}.hero{min-height:520px}}