*{
    box-sizing:border-box;
}

body{

    margin:0;

    background:#f5f6fa;

    font-family:
    Inter,
    Segoe UI,
    Arial,
    sans-serif;

    color:#333;
}

.container{

    max-width:1100px;

    margin:40px auto;

    padding:20px;
}

h1{

    margin-bottom:5px;
}

.subtitle{

    color:#666;

    margin-bottom:30px;
}

.card{

    background:#fff;

    border-radius:10px;

    padding:20px;

    margin-bottom:25px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

table{

    width:100%;

    border-collapse:collapse;
}

th,td{

    padding:12px;

    border-bottom:1px solid #eee;

    text-align:left;
}

th{

    background:#fafafa;
}

ul{

    line-height:2;
}

a{

    color:#2563eb;

    text-decoration:none;
}

a:hover{

    text-decoration:underline;
}

footer{

    margin-top:30px;

    color:#777;

    font-size:13px;
}