:root{--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:#1e293bb3;--card-border:#ffffff1a;--primary:#3b82f6;--primary-hover:#2563eb;--secondary-text:#94a3b8;--accent:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 100% 0,#1e293b,#0000 40%),radial-gradient(circle at 0 100%,#0f172a,#0000 40%);background-attachment:fixed;font-family:Inter,Roboto,Noto Sans KR,sans-serif;line-height:1.5}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:3rem}header h1{background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}header p{color:var(--secondary-text);font-size:1.1rem}.search-container{justify-content:center;margin-bottom:3rem;display:flex}.search-input{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:600px;color:var(--text-color);background:#0f172a99;border-radius:50px;outline:none;padding:1rem 1.5rem;font-size:1.2rem;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f64d}.search-input::placeholder{color:var(--secondary-text)}.results-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.company-section{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.company-header{border-bottom:1px solid var(--card-border);align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.company-name{color:var(--text-color);margin-left:.5rem;font-size:1.5rem;font-weight:700}.company-icon{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.vehicle-list{flex-direction:column;gap:1rem;display:flex}.vehicle-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1.25rem;transition:transform .2s,background .2s}.vehicle-card:hover{background:#ffffff0f;transform:translateY(-2px)}.vehicle-name{color:#e2e8f0;margin-bottom:.75rem;font-size:1.1rem;font-weight:600;line-height:1.4}.vehicle-details{grid-template-columns:1fr 1fr;gap:.5rem;font-size:.95rem;display:grid}.detail-item{flex-direction:column;display:flex}.detail-label{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.8rem}.detail-value{font-weight:500}.price-value{color:var(--accent);font-size:1.1rem;font-weight:700}.vehicle-note{color:var(--secondary-text);border-top:1px dashed #ffffff1a;grid-column:span 2;margin-top:.5rem;padding-top:.5rem;font-size:.85rem}.empty-state{text-align:center;color:var(--secondary-text);padding:4rem 1rem;font-size:1.2rem}@media (width<=768px){.app-container{padding:1rem}header h1{font-size:2rem}.results-grid,.vehicle-details{grid-template-columns:1fr}.vehicle-note{grid-column:span 1}}