
    @import url('Fontstyle.css');
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: 'yekan', 'tahoma', 'iran-sans', sans-serif !important;
      font-weight: 400;
      direction: rtl;
      background: url('/theme/images/bg.jpg') repeat;
      background-size: auto;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .glass-card {
      background: rgba(10, 10, 20, 0.55);
      backdrop-filter: blur(12px) saturate(180%);
      -webkit-backdrop-filter: blur(12px) saturate(180%);
      border: 1px solid rgba(255, 215, 100, 0.25);
      box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 200, 80, 0.1);
      border-radius: 32px 32px 24px 24px;
      transition: all 0.3s ease;
    }
    .glass-card:hover {
      box-shadow: 0 24px 48px -12px #000000cc, 0 0 0 2px rgba(255, 190, 50, 0.3);
    }
    .nav-persian {
      background: rgba(20, 18, 30, 0.75);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      border-radius: 40px 40px 0 0;
      border-bottom: 1px solid #ffbe3f55;
      padding: 0.25rem 0;
    }
    .nav-persian .nav-link {
      color: #fff3e0 !important;
      font-weight: 500;
      letter-spacing: 0.5px;
      text-shadow: 0 1px 4px rgba(0,0,0,0.5);
      transition: 0.2s;
    }
    .nav-persian .nav-link:hover {
      color: #ffd966 !important;
      transform: scale(1.02);
    }
    .form-control-persian {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid #ffbe3f55;
      color: #f5f0e8;
      border-radius: 50px;
      padding: 10px 85px;
      transition: 0.25s;
      backdrop-filter: blur(4px);
    }
    .form-control-persian:focus {
      background: rgba(255, 255, 255, 0.15);
      border-color: #f5b342;
      box-shadow: 0 0 0 3px #f5b34233, inset 0 0 8px #ffd96622;
      color: #fff6e5;
    }
    .form-control-persian::placeholder {
      padding: 10px 100px;
      color: #d4c9b8;
      opacity: 0.7;
    }
    .form-select-persian {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid #ffbe3f55;
      color: #f5f0e8;
      border-radius: 50px;
      padding: 10px 120px;
      backdrop-filter: blur(4px);
      cursor: pointer;
    }
    .form-select-persian option {
      padding: 10px 100px;
      background: #1f1b2a;
      color: #f0e6d8;
    }
    .btn-persian {
      background:#fecc03;
      border: none;
      border-radius: 60px;
      font-weight: 700;
      color: #1c1622;
      letter-spacing: 0.5px;
      box-shadow: 0 6px 14px rgba(230, 150, 30, 0.4);
      transition: all 0.25s;
      width: 100%;
      max-width: 200px;
      margin: 8px auto;
      font-size: 1.1rem;
    }
    .btn-persian:hover {
      transform: scale(1.02);
      background: linear-gradient(145deg, #ffc34d, #e89f2e);
      box-shadow: 0 8px 20px #f5b34266;
      color: #0e0b14;
    }
    .btn-persian:active {
      transform: scale(0.97);
    }
    .rules-list {
      background: rgba(0, 0, 0, 0.25);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      border-radius: 28px;
      padding: 14px 20px;
      border-right: 3px solid #f5b342;
      color: #efe6da;
    }
    .rules-list small {
      display: block;
      padding: 6px 0;
      border-bottom: 1px dashed #ffbe3f33;
    }
    .rules-list small:last-child {
      border-bottom: none;
    }
    .rules-list small::before {
      content: "▸ ";
      color: #f5b342;
      font-weight: bold;
    }
    @media (max-width: 576px) {
      .glass-card {
        border-radius: 24px;
        margin: 12px;
        backdrop-filter: blur(10px);
      }
      .nav-persian {
        border-radius: 24px 24px 0 0;
      }
      .btn-persian {
        max-width: 160px;
        font-size: 1rem;
      }
    }
    .header-logo {
      filter: drop-shadow(0 4px 12px rgba(255, 200, 50, 0.3));

      width: auto;
    }
    .brand-glow {
      text-shadow: 0 0 12px #f5b34255, 0 2px 6px #00000077;
    }
    .bg-persian-soft {
      background: rgba(8, 6, 16, 0.3);
    }