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

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

    header h1{
        color:#fbbf24;
        font-size:2rem;
        letter-spacing:1px;
    }

    .container{
        width:90%;
        max-width:900px;
        margin:30px auto;
    }

    .office{
        background:#1f2937;
        padding:20px;
        margin-bottom:20px;
        border-radius:12px;
        border:1px solid #374151;
        box-shadow:0 0 10px rgba(0,0,0,0.4);
    }

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

    .info{
        font-size:1rem;
        margin:4px 0;
    }

    .btn{
        display:inline-block;
        background:#fbbf24;
        color:#111827;
        padding:8px 14px;
        border-radius:8px;
        font-weight:bold;
        margin-top:10px;
        cursor:pointer;
        text-decoration:none;
    }

    .btn:hover{
        background:#fff3c4;
    }

    .back{
        display:block;
        margin:25px auto;
        width:max-content;
        background:#fbbf24;
        padding:10px 20px;
        border-radius:8px;
        color:#111827;
        font-weight:bold;
        text-decoration:none;
    }