* {margin:0;padding:0;box-sizing:border-box;font-family:tahoma,arial,sans-serif}
body {
    background:#000 url('./../img/bg.jpg') repeat;
    color:#fff;
    line-height:1.5;
    padding:5px;
}
.main {
    max-width:750px;
    margin:20px auto;
    background:rgba(0,0,0,0.6);
    padding:10px;
    border-radius:8px;
    border: 2px dashed rgba(255,255,255,0.2);
    text-align:center;
}
.logo {
    display:block;
    margin:0 auto 10px;
    width:450px;  /* روی دسکتاپ بزرگ‌تر */
    max-width:95%;
    height:auto;
}
.pm {
    background:linear-gradient(178deg,#205163,transparent);
    padding:10px;
    font-size:16px;
    margin-bottom:15px;
    text-align:right;
    border-radius:5px;
}
.rules {
    background:rgba(255,255,255,0.1);
    padding:15px;
    border-radius:5px;
    text-align:right;
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
}
.rules li {margin-bottom:5px;}
.btn {
    background:linear-gradient(to right,#06596B,#328fa7);
    color:#fff;
    padding:12px 20px;
    border:none;
    border-radius:5px;
    cursor:pointer;
    font-size:16px;
    transition:0.3s;
    text-decoration:none;
    display:inline-block;
}
.btn:hover {background:linear-gradient(to right,#2aa7b2,#06596B)}
.link {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}
.link a {
    color:#A8A8A8;
    background:rgba(255,255,255,0.1);
    padding:5px 10px;
    border-radius:5px;
    text-decoration:none;
    transition:0.3s;
}
.link a:hover {background:#EE8C8C;color:#fff;}
.aligen-center{display:none}.liner{text-align:center}
.footer {
    margin-top:10px;
    text-align:center;
    font-size:13px;
    color:#ccc;
}
@media(max-width:600px){
    .main {margin:10px;padding:10px;}
    .logo {width:280px;}
    .btn {font-size:14px;padding:10px;}
    .link {flex-direction:column;gap:5px;}
}