@font-face {
   font-family: "IRANSansXFaNum";
   font-style: normal;
   font-weight: 300;
   src: url("/fonts/Woff2/IRANSansXFaNum-Light.woff2") format("woff2");
 }

 @font-face {
   font-family: IRANSansXFaNum;
   font-style: normal;
   font-weight: 400;
   src:
     url('/fonts/Woff2/IRANSansXFaNum-Regular.woff2') format('woff2'),
     url('/fonts/Woff/IRANSansXFaNum-Regular.woff') format('woff');
 }

 @font-face {
   font-family: IRANSansXFaNum;
   font-style: normal;
   font-weight: 500;
   src:
     url('/fonts/Woff2/IRANSansXFaNum-Medium.woff2') format('woff2'),
     url('/fonts/Woff/IRANSansXFaNum-Medium.woff') format('woff');
 }

 @font-face {
   font-family: "IRANSansXFaNum";
   font-style: normal;
   font-weight: 600;
   src: url("/fonts/Woff2/IRANSansXFaNum-DemiBold.woff2") format("woff2");
 }

 @font-face {
   font-family: IRANSansXFaNum;
   font-style: normal;
   font-weight: 700;
   src:
     url('/fonts/Woff2/IRANSansXFaNum-Bold.woff2') format('woff2'),
     url('/fonts/Woff/IRANSansXFaNum-Bold.woff') format('woff');
 }

 #app-splash {
   position: fixed;
   inset: 0;
   z-index: 9999;
   transition: opacity .4s ease;
 }

 #app-splash.app-splash--hide {
   opacity: 0;
   pointer-events: none;
 }

 #app-splash {
   --navy-deep: #081428;
   --navy-mid: #0e2748;
   --navy-bright: #1c4d85;
   --navy-line: #2a5f9e;
   --gold: #e8a93c;
   --gold-light: #f6d68a;
   --gold-dim: #b8842a;
   --ink: #eef3fa;
   --muted: #7f9ac0;
   max-width: 450px;
   margin: 0 auto;
   width: 100%;
   height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background:
     radial-gradient(120% 90% at 50% 38%, var(--navy-bright) 0%, var(--navy-mid) 45%, var(--navy-deep) 100%);
   /* font-family: 'Poppins', sans-serif; */
   font-family: IRANSansXFaNum;
   color: var(--ink);
   overflow: hidden;
 }

 #app-splash .flight-lines {
   position: absolute;
   inset: 0;
   z-index: 0;
   opacity: .35;
 }

 #app-splash .flight-lines svg {
   width: 100%;
   height: 100%;
 }

 #app-splash .flight-path {
   fill: none;
   stroke: url(#pathGrad);
   stroke-width: 1.4;
   stroke-linecap: round;
   stroke-dasharray: 6 14;
   animation: splashDashMove 6s linear infinite;
 }

 @keyframes splashDashMove {
   to {
     stroke-dashoffset: -400;
   }
 }

 #app-splash .vignette {
   position: absolute;
   inset: 0;
   background: radial-gradient(120% 80% at 50% 50%, transparent 55%, rgba(3, 9, 20, .75) 100%);
   z-index: 1;
   pointer-events: none;
 }

 #app-splash .splash-content {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0;
 }

 #app-splash .logo-wrap {
   position: relative;
   width: 85vw;
   max-width: 520px;
   aspect-ratio: 1640 / 1125;
   display: flex;
   align-items: center;
   justify-content: center;
   animation: splashBreathe 3.2s ease-in-out infinite;
 }

 #app-splash .logo-glow {
   position: absolute;
   inset: -18%;
   background: radial-gradient(circle, rgba(232, 169, 60, .35) 0%, rgba(232, 169, 60, 0) 68%);
   filter: blur(2px);
   animation: splashGlowPulse 3.2s ease-in-out infinite;
   z-index: 0;
 }

 #app-splash .logo-wrap img {
   position: relative;
   z-index: 1;
   width: 100%;
   height: auto;
   filter: drop-shadow(0 6px 22px rgba(0, 0, 0, .45));
 }

 @keyframes splashBreathe {

   0%,
   100% {
     transform: scale(1);
   }

   50% {
     transform: scale(1.035);
   }
 }

 @keyframes splashGlowPulse {

   0%,
   100% {
     opacity: .55;
     transform: scale(1);
   }

   50% {
     opacity: 1;
     transform: scale(1.08);
   }
 }

 #app-splash .slogan {
   margin-top: clamp(12px, 2.5vh, 24px);
   font-weight: 800;
   letter-spacing: 0.22em;
   font-size: clamp(20px, 4.6vw, 34px);
   text-transform: uppercase;
   text-align: center;
   background: linear-gradient(100deg, var(--gold-dim) 0%, var(--gold-light) 30%, var(--gold) 50%, var(--gold-light) 70%, var(--gold-dim) 100%);
   background-size: 220% 100%;
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
   animation: splashShimmer 3.4s linear infinite;
   white-space: nowrap;
 }

 @keyframes splashShimmer {
   0% {
     background-position: 220% 0;
   }

   100% {
     background-position: -20% 0;
   }
 }

 #app-splash .sub {
   margin-top: 10px;
   font-family: IRANSansXFaNum;
   font-size: clamp(11px, 2.4vw, 13px);
   letter-spacing: .04em;
   color: var(--muted);
   opacity: .85;
 }

 #app-splash .bars {
   margin-top: clamp(26px, 4.5vh, 40px);
   display: flex;
   align-items: flex-end;
   gap: 7px;
   height: 26px;
 }

 #app-splash .bars span {
   display: block;
   width: 6px;
   border-radius: 3px;
   background: linear-gradient(180deg, var(--gold-light), var(--gold) 55%, var(--gold-dim));
   box-shadow: 0 0 10px rgba(232, 169, 60, .55);
   animation: splashBarGrow 1.1s ease-in-out infinite;
 }

 #app-splash .bars span:nth-child(1) {
   animation-delay: 0s;
 }

 #app-splash .bars span:nth-child(2) {
   animation-delay: .15s;
 }

 #app-splash .bars span:nth-child(3) {
   animation-delay: .3s;
 }

 #app-splash .bars span:nth-child(4) {
   animation-delay: .45s;
 }

 @keyframes splashBarGrow {

   0%,
   100% {
     height: 8px;
     opacity: .55;
   }

   50% {
     height: 26px;
     opacity: 1;
   }
 }

 @media (prefers-reduced-motion: reduce) {

   #app-splash .logo-wrap,
   #app-splash .logo-glow,
   #app-splash .slogan,
   #app-splash .flight-path,
   #app-splash .bars span {
     animation: none !important;
   }
 }