:root{--brand:#e62474;--brand-dark:#bc155a;--brand-soft:#fff0f6;--navy:#111b35;--ink:#182033;--muted:#667085;--surface:#fff;--line:#e7eaf0;--bg:#f7f8fc;--radius:20px;--shadow:0 18px 50px rgba(17,27,53,.09)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0,rgba(230,36,116,.07),transparent 28rem),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6}.container{width:min(1180px,calc(100% - 40px));margin:clamp(30px,5vw,64px) auto;min-height:66vh}.site-header{position:sticky;top:0;z-index:100;height:78px;padding:0 max(3vw,24px);background:rgba(17,27,53,.94);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(17,27,53,.14);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;margin:0!important;font-size:.92rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#ff5a9a,var(--brand));box-shadow:0 8px 20px rgba(230,36,116,.35);font-size:1.12rem;color:#fff}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav a{position:relative;margin:0;padding:10px 12px;border-radius:10px;font-size:.91rem;color:#e9ebf2;transition:.25s ease}.site-header nav a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}.site-header nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transition:transform .25s ease}.site-header nav a:hover::after{transform:scaleX(1)}.site-header .nav-account{background:rgba(230,36,116,.16);color:#ffafd0}.menu-toggle{display:none;width:44px;height:44px;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.16)}.menu-toggle span{display:block;width:21px;height:2px;margin:4px auto;background:#fff;border-radius:2px;transition:.25s}.hero{position:relative;max-width:none;padding:clamp(60px,9vw,110px) clamp(4px,4vw,48px);overflow:hidden}.hero::before{content:"";position:absolute;width:340px;height:340px;right:-80px;top:20px;border-radius:50%;background:linear-gradient(135deg,rgba(230,36,116,.16),rgba(230,36,116,0));filter:blur(1px);z-index:-1}.hero h1,.catalog-hero h1,.detail-panel h1,.toolbar h1{color:var(--navy);letter-spacing:-.045em;text-wrap:balance}.hero h1{max-width:850px;font-size:clamp(3rem,7vw,6.6rem);line-height:.9}.catalog-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1}.toolbar h1{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;margin:.08em 0}.eyebrow{color:var(--brand);letter-spacing:.16em;font-size:.75rem}.button,button{border-radius:12px;background:linear-gradient(135deg,#f43d85,var(--brand-dark));color:#fff;box-shadow:0 10px 24px rgba(230,36,116,.23);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(230,36,116,.3);filter:saturate(1.08)}.button.secondary,button.secondary,.secondary{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:0 8px 20px rgba(17,27,53,.07)}.card,.vehicle-card,.detail-panel{border:1px solid rgba(231,234,240,.9);border-radius:var(--radius);background:rgba(255,255,255,.94);box-shadow:var(--shadow);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}.card:hover,.vehicle-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(17,27,53,.14);border-color:rgba(230,36,116,.2)}.vehicle-card{border-radius:22px}.vehicle-photo{overflow:hidden}.vehicle-photo img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.vehicle-card:hover .vehicle-photo img{transform:scale(1.055)}.vehicle-card-body{padding:22px}.vehicle-card h2{font-size:1.25rem;letter-spacing:-.02em}.vehicle-meta{color:var(--brand)}.catalog-filters{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 12px 35px rgba(17,27,53,.07)}input,select,textarea,.catalog-filters input,.catalog-filters select{border-color:#dce1e9!important;border-radius:11px!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(230,36,116,.1)}.stats{gap:16px}.stats article{position:relative;overflow:hidden}.stats article::after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-40px;border-radius:50%;background:var(--brand-soft)}.stats strong{color:var(--brand)}.badge{border-radius:999px}.notice{border-radius:13px}.notice.success{border-left:4px solid #24a865}.notice.error{border-left:4px solid var(--brand)}table thead{background:#fafbfc}th{color:#7b8496}tbody tr{transition:background .2s}tbody tr:hover{background:#fff8fb}.main-photo{border-radius:22px;box-shadow:var(--shadow)}.detail-panel{padding:clamp(22px,4vw,38px)}.detail-panel dl div{border-radius:12px}.gallery-admin article{border-radius:14px}.reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .6s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}footer{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:38px 20px;background:#111b35;color:#aeb5c6}footer strong{color:#fff}footer strong::first-letter{color:var(--brand)}@media(max-width:920px){.site-header{height:72px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:16px;right:16px;top:66px;padding:12px;flex-direction:column;align-items:stretch;background:rgba(17,27,53,.98);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.24)}.site-header nav.is-open{display:flex;animation:menu-in .25s ease}.site-header nav a{padding:12px 14px}.menu-open{overflow:hidden}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}@media(max-width:700px){.container{width:min(100% - 24px,1180px);margin:26px auto}.hero{padding:50px 4px}.hero h1{font-size:clamp(2.45rem,13vw,3.7rem);line-height:.96}.catalog-hero{padding:16px 0 26px}.catalog-hero h1{font-size:clamp(2rem,10vw,2.8rem)}.detail-panel h1{font-size:2rem}.toolbar{gap:15px;margin-bottom:22px}.toolbar h1{font-size:2rem}.card{padding:20px;border-radius:17px}.vehicle-card-body{padding:18px}.catalog-grid{gap:16px}.catalog-filters{padding:12px}.form-card{width:100%}.detail-panel dl{grid-template-columns:1fr 1fr}.actions{gap:9px}.actions .button{width:auto;flex:1;min-width:145px}.table-wrap{border-radius:16px}.reveal{transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
