@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/IRANSansWeb(FaNum)_Bold.eot");
	src: url("fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"), url("fonts/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"), url("fonts/IRANSansWeb(FaNum)_Bold.woff") format("woff"), url("fonts/IRANSansWeb(FaNum)_Bold.ttf") format("truetype")
}

@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: 300;
	src: url("fonts/IRANSansWeb(FaNum)_Light.eot");
	src: url("fonts/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("fonts/IRANSansWeb(FaNum)_Light.woff2") format("woff2"), url("fonts/IRANSansWeb(FaNum)_Light.woff") format("woff"), url("fonts/IRANSansWeb(FaNum)_Light.ttf") format("truetype")
}

@font-face {
	font-family: 'yekan';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/IRANSansWeb(FaNum).eot");
	src: url("fonts/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("fonts/IRANSansWeb(FaNum).woff2") format("woff2"), url("fonts/IRANSansWeb(FaNum).woff") format("woff"), url("fonts/IRANSansWeb(FaNum).ttf") format("truetype")
}

:root {
  --bs-font-sans-serif: 'yekan', sans-serif !important;
}

html {
  font-family: 'yekan', sans-serif !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      height: 100vh;
      overflow: hidden;
      background:
        radial-gradient(circle at top left,
          rgba(255, 40, 40, 0.12),
          transparent 25%),

        radial-gradient(circle at bottom right,
          rgba(0, 70, 255, 0.16),
          transparent 30%),

        linear-gradient(135deg, #f8f9fc, #eef2fa);

      position: relative;
    }

    /* بک گراند دایره ای */
    .wave1,
    .wave2,
    .wave3 {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }

    .wave1 {
      width: 1350px;
      height: 1350px;
      border: 16px solid rgba(0, 82, 255, 0.16);
      bottom: -1040px;
      right: -250px;
    }

    .wave2 {
      width: 1450px;
      height: 1450px;
      border: 16px solid rgba(255, 30, 30, 0.15);
      bottom: -1160px;
      left: -430px;
    }

    .wave3 {
      width: 1150px;
      height: 1150px;
      border: 10px solid rgba(255, 255, 255, 0.45);
      bottom: -930px;
      right: -80px;
    }

    /* صفحه */
    .page {
      position: relative;
      z-index: 2;

      height: 100vh;

      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      padding: 14px 20px;
    }

    /* لوگو */
    .top-logo {
      width: 150px;
      margin-bottom: 14px;

      filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.08));
    }

    /* کارت فرم */
    .card {
      width: 100%;
      max-width: 620px;

      background: rgba(255, 255, 255, 0.88);

      backdrop-filter: blur(10px);

      border-radius: 28px;

      padding: 28px;

      box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.10),
        0 0 0 1px rgba(255, 255, 255, 0.6);
    }

    /* عنوان */
    .title {
      text-align: center;

      font-size: 30px;
      font-weight: bold;

      color: #173a7c;

      margin-bottom: 8px;
    }

    /* زیر عنوان */
    .subtitle {
      text-align: center;

      color: #6c7894;

      font-size: 13px;

      line-height: 1.9;

      margin-bottom: 24px;
    }

    /* فیلد */
    .field {
      margin-bottom: 16px;
    }

    .field label {
      display: block;

      margin-bottom: 10px;

      color: #17366d;

      font-size: 14px;
      font-weight: bold;
    }

    /* باکس اینپوت */
    .input-box {
      position: relative;
    }

    .input-box i {
      position: absolute;

      left: 16px;
      top: 50%;

      transform: translateY(-50%);

      color: #98a5c0;

      font-size: 17px;
    }

    .textarea-icon {
      top: 22px !important;
      transform: none !important;
    }

    /* input */
    input,
    textarea {
      width: 100%;

      border: 1px solid #d7ddea;

      background: #fff;

      border-radius: 14px;

      padding: 14px 16px 14px 46px;

      font-size: 14px;

      color: #333;

      outline: none;

      transition: .25s;
    }

    input:focus,
    textarea:focus {
      border-color: #1c56d8;

      box-shadow:
        0 0 0 4px rgba(28, 86, 216, 0.08);
    }

    /* textarea */
    textarea {
      min-height: 90px;
      resize: none;
      padding-top: 14px;
    }

    /* دکمه */
    .submit-btn {
      width: 100%;
      height: 52px;

      border: none;

      border-radius: 16px;

      margin-top: 4px;

      color: #fff;

      font-size: 16px;
      font-weight: bold;

      cursor: pointer;

      background:
        linear-gradient(90deg,
          #0047cc,
          #ff2d2d);

      box-shadow:
        0 10px 24px rgba(0, 71, 204, 0.22);

      transition: .3s;
    }

    .submit-btn:hover {
      transform: translateY(-2px);
    }

    /* سکشن پایین */
    .features {
      margin-top: 18px;

      width: 100%;
      max-width: 1000px;

      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 14px;
    }

    /* کارت پایین */
    .feature {
      text-align: center;

      padding: 16px 12px;

      border-radius: 18px;

      background: rgba(255, 255, 255, 0.55);

      backdrop-filter: blur(6px);

      border: 1px solid rgba(255, 255, 255, 0.7);

      transition: .3s;
    }

    .feature:hover {
      transform: translateY(-4px);

      box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.07);
    }

    /* آیکون پایین */
    .feature i {
      font-size: 26px;

      margin-bottom: 10px;

      background:
        linear-gradient(90deg,
          #0047cc,
          #ff2d2d);

      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* تیتر */
    .feature h3 {
      color: #173a7c;

      font-size: 15px;

      margin-bottom: 4px;
    }

    /* متن */
    .feature p {
      color: #6c7894;

      font-size: 12px;

      line-height: 1.7;
    }

    /* کپی رایت */
    .copyright {
      margin-top: 10px;

      color: #8a93ab;

      font-size: 12px;
    }

    /* تبلت */
    @media(max-width:900px) {

      body {
        overflow: auto;
        height: auto;
      }

      .page {
        height: auto;
        padding: 25px 16px;
      }

      .features {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* موبایل */
    @media(max-width:600px) {

      .card {
        padding: 22px 18px;
      }

      .title {
        font-size: 25px;
      }

      .features {
        grid-template-columns: 1fr;
      }

      .top-logo {
        width: 120px;
      }
    }

    .has-error {
      border: solid 1px #ff2d2d;
    }


    .is-loading-text-wrapper{background:#fff;border-radius:2px;color:#444;display:inline-block;padding:10px 20px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.is-loading-text-wrapper:after{-webkit-animation-name:a;animation-name:a;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;content:"";display:inline-block;background:#0bb;height:2px;position:absolute;left:50%;bottom:1px;-webkit-transform:translate(-50%);transform:translate(-50%);vertical-align:middle;width:1px;z-index:1}#is-loading-full-overlay,.is-loading-element-overlay{background:rgba(0,0,0,.5);position:relative;top:0;bottom:0;left:0;right:0;z-index:2}#is-loading-full-overlay{position:fixed}.is-loading-element-overlay{position:absolute}.is-loading-element-overlay-target{position:relative}.is-loading-element-overlay-target .is-loading-text-wrapper{padding-bottom:4px;padding-top:0}@-webkit-keyframes a{0%{width:1px}to{width:98%}}@keyframes a{0%{width:1px}to{width:98%}}

    .text-danger {
      font-size: small;
    }

    .ltr {
      direction: ltr;
    }

    .text-left {
      text-align: left;
    }

    .text-center {
      text-align: center;
    }