* { font-family: 'Inter', system-ui, sans-serif; }
.hero-bg {
    background: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,0.18) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(59,130,246,0.14) 0%, transparent 60%),
                linear-gradient(135deg, #080c1a 0%, #0f1629 50%, #080c1a 100%);
}
.mesh { background-image: linear-gradient(rgba(99,102,241,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(99,102,241,0.05) 1px, transparent 1px); background-size: 48px 48px; }
.glass { background: rgba(255,255,255,0.06); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.1); }
.nav-glass { background: rgba(255,255,255,0.88); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.07); }
.dark .nav-glass { background: rgba(8,12,26,0.9); border-bottom: 1px solid rgba(255,255,255,0.06); }
.btn-glow { background: linear-gradient(135deg,#6366f1,#3b82f6); box-shadow: 0 4px 24px rgba(99,102,241,0.35); transition: all 0.25s ease; }
.btn-glow:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(99,102,241,0.5); }
.card-lift { transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease; }
.card-lift:hover { transform: translateY(-5px); box-shadow: 0 20px 40px -8px rgba(0,0,0,0.12); }
.dark .card-lift:hover { box-shadow: 0 20px 40px -8px rgba(0,0,0,0.5); }
.section-tag { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6366f1;background:rgba(99,102,241,0.08);padding:4px 12px;border-radius:999px;border:1px solid rgba(99,102,241,0.2); }
.dark .section-tag { background:rgba(99,102,241,0.15); border-color:rgba(99,102,241,0.3); }
.gradient-border { background: linear-gradient(135deg,#6366f1,#3b82f6,#06b6d4); padding: 1.5px; border-radius: 1.25rem; }
.gradient-border-inner { background: white; border-radius: calc(1.25rem - 1.5px); }
.dark .gradient-border-inner { background: #0f1629; }
.check-icon { width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0; }
.popular-glow { box-shadow: 0 0 0 2px #6366f1, 0 20px 60px rgba(99,102,241,0.25); }
.vin-input { caret-color: #6366f1; }
.vin-input::placeholder { color: #6b7280; }
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
.fade-up { animation: fadeUp 0.7s ease forwards; }
.fade-up-1 { animation-delay:0.05s;opacity:0; }
.fade-up-2 { animation-delay:0.2s;opacity:0; }
.fade-up-3 { animation-delay:0.35s;opacity:0; }
.fade-up-4 { animation-delay:0.5s;opacity:0; }
@keyframes pulse-dot { 0%,100%{opacity:1}50%{opacity:0.3} }
.pulse-dot { animation: pulse-dot 2s ease-in-out infinite; }
.orb { position:absolute;border-radius:50%;pointer-events:none;animation:drift 14s ease-in-out infinite; }
@keyframes drift { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(20px,-30px) scale(1.05)} 66%{transform:translate(-15px,20px) scale(0.97)} }
.report-preview { background: linear-gradient(145deg, #0f1629, #1a2040); border: 1px solid rgba(99,102,241,0.2); }
.reveal-blur { filter: blur(4px); user-select: none; pointer-events: none; }
.star-rating { color: #f59e0b; }
details summary { cursor: pointer; list-style: none; }
details summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(45deg); }
.faq-icon { transition: transform 0.3s ease; }
.source-logo { opacity: 0.5; filter: grayscale(1); transition: all 0.3s; }
.source-logo:hover { opacity: 0.8; filter: grayscale(0.3); }

/* ═══════════ ПОИСК: поле ввода номерного знака ═══════════════════════════════ */
#plateInput {
    background: #f0eed8;
    color: #111;
    font-family: 'Arial Black', 'Impact', sans-serif;
    caret-color: #333;
    min-width: 0;
    padding: 8px 12px;
}
#plateInput::placeholder {
    color: #888;
    letter-spacing: 6px;
}
.dark #plateInput {
    background: #e8e6c8;
    color: #111;
}