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.1rem;
        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,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:15px;
    }

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

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

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

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

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

    .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;
    }