@font-face {
  font-family: Vazirmatn;
  src: url('../../../_common/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('../../../_common/fonts/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('../../../_common/fonts/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('../../../_common/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('../../../_common/fonts/vazirmatn/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Code';
  src: url('../../../_common/fonts/firacode/FiraCode-Regular.woff2') format('woff2'),
    url("../../../_common/fonts/firacode/FiraCode-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('../../../_common/fonts/firacode/FiraCode-Bold.woff2') format('woff2'),
    url("../../../_common/fonts/firacode/FiraCode-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

body {
    background-color: #0a0d14;
    background-image: 
        linear-gradient(to right, rgba(255,255,255,0.015) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,0.015) 1px, transparent 1px);
    background-size: 50px 50px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glow-bg {
    position: fixed;
    width: 100vw;
    max-width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(217,4,41,0.07) 0%, rgba(10,13,20,0) 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
}

.glass-card {
    background: rgba(17, 22, 34, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(38, 45, 61, 0.8);
}