.dot-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(165deg,#121212eb 0%,#0a0a0ae0 45%,#080808f2 100%);border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;text-decoration:none;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a}.dot-card:hover{border-color:#cc1b1b73;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 0 1px #cc1b1b1f,0 0 60px #cc1b1b1f}.dot-card .card-shine{pointer-events:none;z-index:1;opacity:.7;background:radial-gradient(80% 50% at 50% -10%,#cc1b1b24,#0000 55%);transition:opacity .35s;position:absolute;inset:0}.dot-card:hover .card-shine{opacity:1}.dot-card .card-meta-row{z-index:15;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.75rem;display:flex;position:relative}.dot-card .card-category-pill,.dot-card .card-transmission-pill{letter-spacing:.12em;text-transform:uppercase;border-radius:9999px;padding:.35rem .65rem;font-family:monospace;font-size:.65rem;font-weight:600}.dot-card .card-category-pill{color:#fff;background:#cc1b1b40;border:1px solid #cc1b1b73}.dot-card .card-transmission-pill{color:#ffffffbf;background:#ffffff0d;border:1px solid #ffffff1a}.dot-card .dots-section{padding:2rem 2rem 6rem;position:relative;overflow:hidden}.dot-card .dots-section .blur-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0a66;border-radius:12px;position:absolute;inset:0}.dot-card .dots-container{width:22rem;height:22rem;margin:0 auto;position:relative}.dot-card .dots-container svg{width:100%;height:100%}.dot-card .center-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dot-card .center-overlay .center-content{text-align:center;z-index:20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dot-card .center-overlay .car-image-frame{justify-content:center;align-items:center;width:240px;height:150px;margin:0 auto;display:flex}.dot-card .center-overlay .car-center-img{object-fit:contain;object-position:center center;filter:drop-shadow(0 10px 30px #cc1b1b66);width:100%;max-width:240px;height:100%;max-height:150px;transition:transform .4s,filter .4s}.dot-card:hover .center-overlay .car-center-img{filter:drop-shadow(0 15px 40px #cc1b1b99);transform:scale(1.08)}.dot-card .center-overlay .car-brand-label{letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin-top:8px;font-family:monospace;font-size:.75rem;font-weight:600}.dot-card .gradient-fade{pointer-events:none;z-index:5;background:linear-gradient(#0000 0%,#0a0a0ab3 35%,#0a0a0ad9 50%,#0a0a0af2 65%,#0a0a0a 80%);border-radius:16px;height:65%;position:absolute;bottom:0;left:0;right:0}.dot-card .bottom-section{z-index:10;padding:1rem 1.5rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.dot-card .stats-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.dot-card .stat-column{flex-direction:column;align-items:center;gap:.35rem;display:flex}.dot-card .stat-column .stat-header{align-items:center;gap:.5rem;display:flex}.dot-card .stat-column .stat-indicator{background-color:#cc1b1b;border-radius:9999px;width:2px;height:16px}.dot-card .stat-column .stat-label{color:#ffffff80;font-family:monospace;font-size:.8rem;font-weight:500}.dot-card .stat-column .stat-value-group{flex-direction:column;display:flex}.dot-card .stat-column .stat-value{color:#fff;font-size:1.25rem;font-weight:700;line-height:1}.dot-card .stat-column .stat-sub{color:#cc1b1bcc;font-family:monospace;font-size:.65rem;font-weight:600}.dot-card .car-title-block{text-align:center;margin-bottom:.85rem}.dot-card .car-model-name{color:#fff;letter-spacing:.03em;font-size:1.15rem;font-weight:700;line-height:1.3;font-family:var(--font-heading,inherit)}.dot-card .car-model-sub{color:#ffffff73;letter-spacing:.2em;text-transform:uppercase;margin-top:.25rem;font-family:monospace;font-size:.7rem;font-weight:500}.dot-card .view-btn{color:#fff;letter-spacing:.08em;cursor:pointer;text-align:center;background:linear-gradient(#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:.7rem 1rem;font-family:monospace;font-size:.8rem;font-weight:600;transition:all .25s}.dot-card:hover .view-btn{color:#fff;background:linear-gradient(#cc1b1b59 0%,#cc1b1b26 100%);border-color:#cc1b1b8c}@media (max-width:640px){.dot-card .dots-container{width:18rem;height:18rem}.dot-card .center-overlay .car-image-frame{width:190px;height:120px}.dot-card .center-overlay .car-center-img{max-width:190px;max-height:120px}}@media (prefers-reduced-motion:reduce){.dot-card{transition:none}.dot-card:hover,.dot-card:hover .center-overlay .car-center-img{transform:none}}