:root{--hair:#caa667}
body{background:linear-gradient(135deg,#60656a 0%,#3f4449 34%,#555a5f 68%,#33373b 100%);background-attachment:fixed}
body::before{content:"";position:fixed;inset:-35%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(118deg,transparent 0 11.8%,rgba(202,166,103,.22) 12%,transparent 12.18% 24%),repeating-linear-gradient(32deg,transparent 0 19.7%,rgba(235,215,170,.09) 20%,transparent 20.16% 39%);background-size:140% 140%;animation:goldVeins 24s ease-in-out infinite alternate;opacity:.65}
@keyframes goldVeins{0%{transform:translate3d(-2%,-1%,0) scale(1)}100%{transform:translate3d(3%,2%,0) scale(1.05)}}
.sidebar{inset:18px auto 18px 18px;width:258px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(155deg,rgba(67,72,77,.9),rgba(31,35,39,.86));box-shadow:0 30px 80px rgba(10,12,14,.38),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(28px) saturate(120%);overflow:hidden}
.logo{height:172px;padding:42px 25px;position:relative;border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(ellipse at 50% 45%,rgba(238,220,181,.2),transparent 64%)}
.logo-glow{position:absolute;inset:32px 22px;border-radius:22px;background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(202,166,103,.08));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.logo img{position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38))}
.sidebar nav{padding:16px 12px;gap:5px}.sidebar nav a{height:54px;padding:0 18px;border:0;border-radius:15px;color:rgba(255,255,255,.72);transition:.25s ease}.sidebar nav a:hover,.sidebar nav a.active{border:0;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.13);color:#fff}.sidebar nav a.active::after{content:"";width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--hair);box-shadow:0 0 13px var(--hair)}
.wa-side{margin:0 12px 10px;padding:18px 16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06)}.sidebar>small{padding:10px 18px 18px}
main{margin-left:294px;padding:18px 18px 18px 0}.hero{height:calc(100vh - 36px);min-height:650px;border-radius:30px;box-shadow:0 30px 90px rgba(12,14,16,.34);border:1px solid rgba(255,255,255,.18)}.shade{background:linear-gradient(90deg,rgba(42,46,50,.93),rgba(43,47,51,.73) 40%,rgba(33,36,39,.12) 73%),linear-gradient(0deg,rgba(39,43,47,.72),transparent 36%)}.hero-copy{padding:12vh 7vw}.hero h1{letter-spacing:-.065em}.outline{background:rgba(79,84,89,.42);border-color:rgba(255,255,255,.3);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.vehicles{margin-top:18px;border-radius:30px;background:linear-gradient(145deg,rgba(84,89,94,.94),rgba(47,51,55,.96));border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 70px rgba(20,22,24,.22)}.grid article{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.07));border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 40px rgba(10,12,14,.18)}
.sell,.finance,.contact{margin-top:18px;border-radius:30px;border:1px solid rgba(255,255,255,.14);overflow:hidden}.finance{background:linear-gradient(130deg,rgba(92,97,102,.96),rgba(48,52,56,.96))}.contact{background:rgba(55,60,64,.9);backdrop-filter:blur(20px)}
dialog{background:linear-gradient(145deg,#555a5f,#303438);border-color:rgba(255,255,255,.2);backdrop-filter:blur(24px)}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}
.signature{padding:20px 26px 4px;text-align:center;color:rgba(255,255,255,.58);font-size:11px;letter-spacing:.08em}.signature span{color:var(--hair);margin:0 7px}
@media(max-width:900px){main{padding:10px;margin-left:0}.sidebar{inset:10px auto 10px 10px;width:280px}.hero{height:calc(100vh - 20px);border-radius:24px}.vehicles,.sell,.finance,.contact{border-radius:24px}.menu-toggle{background:rgba(60,65,70,.72);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.24)}}