:root{--bg: #07080c;--bg-elevated: #13161e;--amber: #e8a84a;--amber-bright: #ffc56a;--line: rgba(210, 220, 235, .1);--text: #eef2f7;--text-muted: #9aa3b5;--danger: #d45a5a;--radius: 14px;--font: "Outfit", sans-serif;--font-display: "Cormorant Garamond", serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1000px 420px at 70% -10%,rgba(232,168,74,.18),transparent 55%),radial-gradient(700px 400px at 0% 40%,rgba(70,100,170,.1),transparent 50%),linear-gradient(180deg,#0c0e14 0%,var(--bg) 45%,#050608 100%);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{min-height:100vh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,48px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080cb8;border-bottom:1px solid var(--line)}.nav__brand{font-family:var(--font-display);font-size:1.55rem;font-weight:600;letter-spacing:.04em}.nav__brand span{color:var(--amber)}.nav__links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav__links a{color:var(--text-muted);font-size:.92rem;transition:color .2s}.nav__links a:hover,.nav__links a.active{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font:inherit;font-weight:500;cursor:pointer;transition:transform .2s,background .2s,color .2s}.btn:active{transform:scale(.98)}.btn--primary{background:linear-gradient(135deg,var(--amber),#c9842e);color:#1a1208}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn--ghost:hover{border-color:#e8a84a73}.hero{position:relative;min-height:min(92vh,900px);display:grid;align-items:end;padding:clamp(48px,10vh,120px) clamp(16px,4vw,48px) clamp(40px,8vh,80px);overflow:hidden}.hero__bg{position:absolute;inset:0;background:linear-gradient(105deg,#07080ceb,#07080c73 42%,#07080cbf),radial-gradient(ellipse 80% 70% at 72% 42%,rgba(232,168,74,.28),transparent 55%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(80,110,180,.18),transparent 50%),linear-gradient(160deg,#12151e,#07080c 55%,#050608);animation:heroIn 1.2s ease both}.hero__bg:after{content:"";position:absolute;inset:12% 8% 18% 42%;border-radius:40% 60% 55% 45%;background:linear-gradient(145deg,#e8a84a38,#1418241a);filter:blur(8px);opacity:.85;animation:rise 1.4s .2s ease both}.hero__content{position:relative;z-index:1;max-width:720px;animation:rise .9s .15s ease both}.hero__brand{font-family:var(--font-display);font-size:clamp(3rem,9vw,6.5rem);line-height:.92;margin:0 0 18px;font-weight:600;letter-spacing:.02em}.hero__brand em{font-style:italic;color:var(--amber-bright)}.hero__lead{margin:0 0 28px;color:var(--text-muted);font-size:clamp(1.05rem,2.2vw,1.25rem);max-width:36ch;line-height:1.45}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}@keyframes heroIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.section{padding:clamp(48px,8vh,96px) clamp(16px,4vw,48px)}.section__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.section__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin:0;font-weight:600}.section__sub{margin:8px 0 0;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:#13161ed9;border:1px solid var(--line);transition:transform .25s ease,border-color .25s;animation:rise .6s ease both}.card:hover{transform:translateY(-3px);border-color:#e8a84a59}.card__media{aspect-ratio:16 / 10;background:#0a0c12;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card__media img{transform:scale(1.04)}.card__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.card__title{margin:0;font-size:1.05rem;font-weight:600}.card__meta{margin:0;color:var(--text-muted);font-size:.86rem}.card__price{margin-top:auto;padding-top:10px;color:var(--amber-bright);font-weight:600}.page{padding:28px clamp(16px,4vw,48px) 64px;max-width:1100px;margin:0 auto;width:100%}.page h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin:0 0 12px}.muted{color:var(--text-muted)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}.filters select,.filters input,.field input,.field textarea{background:var(--bg-elevated);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field span{font-size:.85rem;color:var(--text-muted)}.panel{background:#13161ee6;border:1px solid var(--line);border-radius:var(--radius);padding:22px;max-width:440px}.note{color:var(--danger);font-size:.9rem;margin:8px 0}.ok{color:#4a9e78}.footer{margin-top:auto;padding:28px clamp(16px,4vw,48px) 40px;border-top:1px solid var(--line);color:var(--text-muted);font-size:.9rem;display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between}.car-hero{display:grid;gap:24px}@media(min-width:860px){.car-hero{grid-template-columns:1.2fr .8fr;align-items:start}}.car-gallery{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#0a0c12;aspect-ratio:16 / 10}.car-gallery img{width:100%;height:100%;object-fit:cover}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:500}.faq p{color:var(--text-muted);margin:10px 0 0;line-height:1.5}
