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

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

    header h1{
        color:#fbbf24;
        font-size:2.1rem;
        letter-spacing:1px;
        margin-bottom:0;
    }

  
    .container{
        width:90%;
        max-width:1000px;
        margin:30px auto;
        background:#1f2937;
        padding:25px;
        border-radius:12px;
        box-shadow:0 0 15px rgba(0,0,0,0.4);
    }

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

    p{
        font-size:1rem;
        margin-bottom:10px;
    }

    .fleet-grid{
        display:grid;
        grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
        gap:15px;
        margin-top:15px;
    }

    .fleet-card{
        background:#111827;
        border-radius:10px;
        padding:12px 14px;
        border:1px solid #374151;
        transition:.25s;
        cursor:pointer;
    }

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

    .fleet-card h3{
        margin:0 0 6px 0;
        color:#fbbf24;
        font-size:1.05rem;
    }

    .fleet-card ul{
        margin:0;
        padding-left:18px;
        font-size:.9rem;
    }

    table{
        width:100%;
        border-collapse:collapse;
        margin-top:20px;
        font-size:.95rem;
    }

    th,td{
        border:1px solid #374151;
        padding:8px;
        text-align:left;
    }

    th{
        background:#111827;
        color:#fbbf24;
    }

    tr:nth-child(even){
        background:#111827;
    }

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

    .button:hover{
        background:#fff3c4;
    }