*{
    box-sizing:border-box;
}

body{
    margin:0;
    font-family: Arial, sans-serif;
    background:#f8fafc;
    color:  linear-gradient(135deg, #6ee7e7, #c4b5fd);
    line-height:1.7;
}

header {
    background: linear-gradient(135deg, #6ee7e7, #c4b5fd);
    color: #1f2937;
    padding: 30px 20px;
    text-align: center;
}

header h1{
    margin:0;
    font-size:24px;
}

.container{
    max-width:900px;
    margin:40px auto;
    padding:0 20px;
}

h2{
    margin-top:30px;
    color:#020617;
}

p{
    margin-bottom:15px;
}

ul{
    padding-left:20px;
    margin-bottom:15px;
}

footer {
    background: linear-gradient(135deg, #6ee7e7, #c4b5fd);
    color: #1f2937;
    padding: 30px 20px;
    text-align: center;
}

footer a{
    color:#38bdf8;
    text-decoration:none;
    margin:0 8px;
}

footer a:hover{
    text-decoration:underline;
}