*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07100d;color:#f4f7f4;font-family:Arial,Helvetica,sans-serif}.top{height:72px;position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(4,9,7,.8);backdrop-filter:blur(12px);border-bottom:1px solid #23332b}.logo{color:#fff;text-decoration:none;font-weight:900;line-height:.85;letter-spacing:1px;font-size:16px}.logo b{display:block;color:#39c878;font-size:10px;letter-spacing:4px;margin-top:7px}.phone{color:#07100d;background:#45d681;padding:10px 15px;border-radius:7px;text-decoration:none;font-size:12px;font-weight:800}.hero{min-height:720px;position:relative;display:flex;align-items:center;padding:130px 7% 70px;overflow:hidden;background:radial-gradient(circle at 80% 45%,#294337,#101d17 35%,#040706 72%)}.hero:after{content:"";position:absolute;right:-4%;bottom:-10%;width:67%;height:58%;background:linear-gradient(145deg,#263c33,#080c0a 65%);border-radius:50% 30% 8% 8%;transform:skewX(-8deg);box-shadow:0 -20px 80px #000}.hero:before{content:"";position:absolute;right:11%;bottom:8%;width:40%;height:18%;border-radius:50%;background:#020403;box-shadow:0 0 50px #020403}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,5,.95) 0%,rgba(3,7,5,.7) 45%,rgba(3,7,5,.15) 80%)}.hero-content{position:relative;z-index:2;max-width:590px}.mini{font-size:10px;letter-spacing:3px;color:#45d681;font-weight:800}.hero h1{font-size:clamp(45px,7vw,78px);line-height:.96;margin:18px 0;font-weight:800}.hero h1 em,h2 em{font-style:normal;color:#45d681}.hero p{color:#bdc8c1;line-height:1.7;font-size:16px;max-width:550px}.buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.btn{padding:13px 18px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:800;display:inline-block}.call{background:#45d681;color:#06100b}.wa{background:#21b85d;color:#fff}.book{background:transparent;color:#fff;border:1px solid #5b6861}.quick{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #26342d;background:#0b1511}.quick a{padding:24px 25px;color:#fff;text-decoration:none;border-right:1px solid #26342d}.quick span{color:#45d681;font-size:21px;margin-right:14px}.quick b{font-size:13px}.quick small{display:block;color:#7f8b84;font-size:10px;margin:8px 0 0 37px}.reservation{padding:90px 7%;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:#0a120f}.intro h2,.services h2,.bottom h2{font-size:50px;line-height:1;margin:13px 0 25px}.intro p{color:#8f9a94;line-height:1.7;max-width:390px}form{display:grid;grid-template-columns:1fr 1fr;gap:13px;background:#101b16;border:1px solid #26372e;padding:25px;border-radius:10px}label{color:#84918a;font-size:10px;letter-spacing:1px}input,select{display:block;width:100%;margin-top:7px;background:#07100d;color:#fff;border:1px solid #30423a;padding:14px;border-radius:6px;font:inherit}.submit{grid-column:1/-1;background:#45d681;border:0;padding:15px;border-radius:6px;font-weight:800;color:#06100b;font-size:13px}.services{padding:95px 7%;background:#07100d}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.grid article{background:#0d1813;border:1px solid #22352b;padding:25px;min-height:220px}.grid strong{color:#45d681;font-size:11px}.grid h3{margin-top:40px;font-size:19px}.grid p{color:#839088;line-height:1.6;font-size:12px}.bottom{padding:75px 7%;background:#102019;display:flex;justify-content:space-between;align-items:center}.bottom h2{margin-bottom:10px}.bottom p{color:#91a098}.bottom-actions{display:flex;gap:10px}footer{text-align:center;padding:25px;color:#657169;font-size:10px;border-top:1px solid #1d2b24}@media(max-width:760px){.hero{min-height:760px;padding:120px 6% 60px}.hero:after{width:105%;height:35%;right:-25%;bottom:0;opacity:.75}.quick{grid-template-columns:1fr}.quick a{border-right:0;border-bottom:1px solid #26342d}.reservation{grid-template-columns:1fr;padding:75px 6%;gap:40px}.intro h2,.services h2,.bottom h2{font-size:42px}.grid{grid-template-columns:1fr 1fr}.bottom{flex-direction:column;align-items:flex-start;gap:30px}.phone{font-size:10px;padding:9px}}@media(max-width:480px){.top{padding:0 4%}.logo{font-size:13px}.hero h1{font-size:48px}.buttons .btn{width:100%;text-align:center}.reservation form{grid-template-columns:1fr}.submit{grid-column:auto}.grid{grid-template-columns:1fr}.bottom-actions{width:100%}.bottom-actions .btn{flex:1;text-align:center}}