body{
        margin:0;
        background:#111827;
        color:#fff;
        font-family:Arial, sans-serif;
    }

    header{
        text-align:center;
        padding:20px;
    }

    header h1{
        color:#fbbf24;
        font-size:2.2rem;
        letter-spacing:1px;
    }
    .container{
        width:90%;
        max-width:1000px;
        margin:25px auto;
        background:#1f2937;
        padding:20px;
        border-radius:12px;
        box-shadow:0 0 15px rgba(0,0,0,.4);
    }

    h2{
        color:#fbbf24;
        margin-bottom:10px;
    }

    p{
        font-size:1rem;
        margin-bottom:15px;
    }
    .car-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
        gap:20px;
        margin-top:20px;
    }

    .car-card{
        background:#111827;
        border-radius:10px;
        border:1px solid #374151;
        padding:10px;
        cursor:pointer;
        text-align:center;
        transition:.25s;
    }

    .car-card:hover{
        transform:translateY(-4px);
        border-color:#fbbf24;
        box-shadow:0 0 10px rgba(251,191,36,0.4);
    }

    .car-card img{
        width:100%;
        height:140px;
        object-fit:contain;
        background:white;
        border-radius:8px;
    }

    .car-card h3{
        margin:10px 0;
        color:#fbbf24;
        font-size:1.2rem;
    }

    .price{
        display:inline-block;
        background:#fbbf24;
        color:#111827;
        padding:7px 12px;
        font-weight:bold;
        border-radius:6px;
        margin-top:5px;
    }

    .button{
        display:inline-block;
        margin-top:25px;
        background:#fbbf24;
        color:#111827;
        padding:10px 20px;
        border-radius:8px;
        font-weight:bold;
        text-decoration:none;
        transition:.3s;
    }

    .button:hover{
        background:#fff3c4;
    }