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:900px;
        margin:25px auto;
        background:#1f2937;
        padding:25px;
        border-radius:12px;
        box-shadow:0 0 15px rgba(0,0,0,0.4);
    }

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

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

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

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

    th{
        background:#111827;
        color:#fbbf24;
        font-weight:bold;
    }

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

    .info{
        font-size:.85rem;
        margin-top:10px;
        color:#d1d5db;
    }

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

    .button:hover{
        background:#fff3c4;
    }