@font-face {
    font-family: 'iransans';
    src: url('iransansdn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{

    background:#0f0f0f;
    margin:0
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:sans-serif;
    padding:20px;
}

.login-box{
    width:100%;
    max-width:380px;
    padding:40px;
    background:#1a1a1a;
    border:1px solid #D4AF37;
    border-radius:15px;
    box-shadow:0 0 30px rgba(212,175,55,.2);
    box-sizing:border-box;
}

h1{
    color:#D4AF37;
    text-align:center;
    margin-bottom:30px;
}

input{
    width:100%;
    padding:14px;
    margin-bottom:15px;
    background:#111;
    border:1px solid #333;
    color:white;
    border-radius:8px;
    box-sizing:border-box;
    font-family: 'iransans';
    direction: rtl;
    text-align: right;
}

button{
    width:100%;
    padding:14px;
    border:none;
    background:#D4AF37;
    color:#111;
    font-weight:bold;
    border-radius:8px;
    cursor:pointer;
    font-family: 'iransans';
    box-sizing:border-box;
}

/* لپ‌تاپ و دسکتاپ */
.login-container {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: 20px;
}

/* تبلت */
@media (max-width: 768px) {
  .login-container {
    max-width: 90%;
    padding: 18px;
  }
}

@media (max-width: 480px) {
    .login-box{
        max-width: 90%;
        padding: 20px;
    }

    input, button {
        font-size: 16px;
    }
}

  input, button {
    font-size: 16px; /* مهم برای جلوگیری از زوم آیفون */
  }
}