@font-face {
     font-family: "Vazirmatn";
     src: url("../Vazir/Vazirmatn-Medium.woff2");
 }

 :root {
     --navy-900: #0b2038;
     --navy-800: #0f2a4a;
     --navy-700: #14335c;
     --gold-500: #caa04c;
     --gold-400: #dcb968;
     --gold-100: #f3e6c4;
     --cream: #f6f1e6;
     --cream-dark: #efe6d2;
     --ink: #1c2735;
     --ink-soft: #5b6674;
 }

 * {
     box-sizing: border-box;
 }

 body {
     margin: 0;
     color: var(--ink);
     background: var(--cream);
     font-family: 'Vazirmatn' !important;
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 img {
     max-width: 100%;
     display: block;
 }

 .container {
     max-width: 1300px;
     margin: 0 auto;
     padding: 0 24px;
 }

 /* ---------- Topbar ---------- */
 .topbar {
     background: linear-gradient(135deg, var(--navy-900) 0%, #0e2640 100%);
     color: #cfd9e6;
     font-size: 0.8rem;
     border-top: 2px solid var(--gold-500);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     position: relative;
     z-index: 10;
 }

 .topbar__container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 46px;
     padding: 0 24px;
 }

 .topbar__left {
     display: flex;
     gap: 12px;
     align-items: center;
 }

 .topbar__btn {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     padding: 6px 16px;
     border-radius: 50px;
     font-size: 0.8rem;
     font-weight: 500;
     transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1.2);
     cursor: pointer;
     line-height: 1.6;
     white-space: nowrap;
 }

 .topbar__btn--login {
     background: rgba(207, 217, 230, 0.08);
     border: 1px solid rgba(207, 217, 230, 0.25);
     color: #cfd9e6;
 }

 .topbar__btn--login:hover {
     background: rgba(207, 217, 230, 0.15);
     border-color: var(--gold-400);
     color: var(--gold-400);
     transform: translateY(-1px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }

 .topbar__btn--lang {
     background: rgba(207, 217, 230, 0.08);
     border: 1px solid rgba(207, 217, 230, 0.25);
     color: #cfd9e6;
     padding: 6px 12px;
 }

 .topbar__btn--lang:hover {
     background: rgba(207, 217, 230, 0.15);
     border-color: var(--gold-400);
     color: var(--gold-400);
     transform: translateY(-1px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }

 .topbar__btn--lang:hover .fa-globe {
     transform: rotate(360deg);
     transition: transform 0.5s ease;
 }

 .topbar__btn--cta {
     background: var(--gold-500);
     color: var(--navy-900);
     border: none;
     font-weight: 700;
     box-shadow: 0 2px 8px rgba(202, 160, 76, 0.35);
 }

 .topbar__btn--cta:hover {
     background: var(--gold-400);
     box-shadow: 0 6px 18px rgba(220, 185, 104, 0.5);
     transform: translateY(-2px);
 }

 .topbar__btn--cta:active {
     transform: translateY(0);
     box-shadow: 0 2px 6px rgba(202, 160, 76, 0.4);
 }

 .topbar__btn-icon {
     font-size: 0.9rem;
     transition: transform 0.3s ease;
 }

 .topbar__btn-arrow {
     font-size: 0.6rem;
     margin-right: -2px;
     opacity: 0.7;
     transition: transform 0.3s ease, opacity 0.3s;
 }

 .topbar__btn:hover .topbar__btn-arrow {
     transform: translateX(-2px);
     opacity: 1;
 }

 @media (max-width: 480px) {
     .topbar__container {
         padding: 0 12px;
         height: 44px;
     }

     .topbar__left {
         gap: 8px;
     }

     .topbar__btn {
         padding: 5px 12px;
         font-size: 0.72rem;
         gap: 4px;
     }

     .topbar__btn--lang {
         padding: 5px 10px;
     }

 }

 /* ---------- Header ---------- */
 .main-nav {
     background: var(--navy-800);
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
     position: sticky;
     top: 0;
     z-index: 100;
     transition: background 0.3s ease;
 }

 .main-nav__container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 80px;
     direction: rtl;
 }

 .brand {
     display: flex;
     align-items: center;
     gap: 14px;
     flex-shrink: 0;
 }

 .brand__logo {
     width: 52px;
     height: 52px;
     border-radius: 50%;
     object-fit: contain;
     border: 2px solid var(--gold-500);
     padding: 3px;
     background: #fff;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .brand__logo:hover {
     transform: scale(1.05);
     box-shadow: 0 0 15px rgba(220, 185, 104, 0.5);
 }

 .brand__titles {
     color: #fff;
     text-align: right;
 }

 .brand__title-main {
     font-size: 14px;
     font-weight: 700;
     line-height: 1.6;
     color: var(--gold-400);
     letter-spacing: -0.2px;
 }

 .menu__list {
     display: flex;
     gap: 24px;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .menu__item {
     position: relative;
 }

 .menu__link {
     display: inline-block;
     padding: 8px 2px;
     color: #e7ecf3;
     font-size: 15px;
     font-weight: 500;
     text-decoration: none;
     transition: color 0.3s ease;
     position: relative;
 }

 .menu__link::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 0;
     height: 2px;
     background: var(--gold-400);
     transition: width 0.3s ease;
 }

 .menu__link:hover {
     color: var(--gold-400);
 }

 .menu__link:hover::after {
     width: 100%;
 }

 .menu__link--active {
     color: var(--gold-400);
     font-weight: 700;
 }

 .menu__link--active::after {
     width: 100%;
     background: var(--gold-400);
 }

 .menu__link--active:hover {
     color: var(--gold-300);
 }

 @media (max-width: 768px) {
     .main-nav__container {
         height: 70px;
         padding: 0 16px;
         flex-wrap: wrap;
         justify-content: center;
         gap: 10px;
     }

     .brand {
         gap: 10px;
     }

     .brand__logo {
         width: 40px;
         height: 40px;
     }

     .brand__title-main {
         font-size: 12px;
     }

     .menu__list {
         gap: 14px;
     }

     .menu__link {
         font-size: 13px;
     }
 }

 @media (max-width: 480px) {
     .main-nav__container {
         height: auto;
         padding: 12px 12px;
     }

     .brand {
         width: 100%;
         justify-content: center;
     }

     .menu__list {
         flex-wrap: wrap;
         justify-content: center;
         gap: 8px 12px;
     }

     .menu__link {
         font-size: 12px;
         padding: 6px 2px;
     }
 }

 /* ---------- Hero ---------- */
 .hero {
     position: relative;
     min-height: 560px;
     background-size: cover;
     background-position: center;
     overflow: hidden;
     display: flex;
     align-items: center;
 }

 .hero::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image:
         radial-gradient(circle at 85% 30%, rgba(202, 160, 76, 0.2), transparent 60%),
         radial-gradient(circle at 15% 70%, rgba(220, 185, 104, 0.1), transparent 50%);
     z-index: 1;
 }

 .hero__road {
     display: none;
 }

 .hero__container {
     position: relative;
     z-index: 2;
 }

 .hero__content {
     width: 100%;
     text-align: center;
     padding: 60px 0 50px;
 }

 .hero__badge {
     width: 68px;
     height: 68px;
     margin: 0 auto 14px;
     border: 2px solid var(--gold-500);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--gold-400);
     font-size: 28px;
     background: rgba(11, 32, 56, 0.5);
     backdrop-filter: blur(6px);
     box-shadow: 0 0 20px rgba(202, 160, 76, 0.25);
     animation: hero-badge-float 3s ease-in-out infinite;
 }

 @keyframes hero-badge-float {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-8px);
     }
 }

 .hero__panel {
     display: inline-block;
     position: relative;
     padding: 32px 60px 36px;
     background: rgb(255 255 255 / 0%);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     border: 1px solid rgba(202, 160, 76, 0.35);
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
     border-radius: 8px;
 }

 .hero__panel::before,
 .hero__panel::after {
     display: none;
 }

 .hero__eyebrow {
     color: var(--gold-400);
     font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 8px;
     letter-spacing: -0.3px;
 }

 .hero__title {
     color: #ffffff;
     font-size: 2.8rem;
     font-weight: 800;
     margin: 0 0 6px;
     line-height: 1.2;
     text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
 }

 .hero__subtitle {
     color: #dfe6ee;
     font-size: 1rem;
     margin-bottom: 16px;
     font-weight: 500;
 }

 .hero__meta {
     display: flex;
     gap: 28px;
     justify-content: center;
     color: var(--gold-100);
     font-size: 0.9rem;
     flex-wrap: wrap;
 }

 .hero__meta-item {
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .hero__meta-icon {
     font-size: 1rem;
     color: var(--gold-400);
 }

 .hero__actions {
     display: flex;
     gap: 16px;
     justify-content: center;
     margin-top: 36px;
     flex-wrap: wrap;
 }

 .hero__btn {
     padding: 14px 28px;
     font-size: 0.95rem;
     font-weight: 700;
     border: none;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     gap: 10px;
     border-radius: 50px;
     transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
     text-decoration: none;
 }

 .hero__btn-icon {
     font-size: 1rem;
 }

 .hero__btn--gold {
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #241a06;
     box-shadow: 0 6px 18px rgba(202, 160, 76, 0.4);
 }

 .hero__btn--gold:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 24px rgba(220, 185, 104, 0.5);
     background: linear-gradient(135deg, var(--gold-300, #e3c988), var(--gold-400));
 }

 .hero__btn--outline {
     background: rgba(20, 51, 92, 0.5);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.3);
 }

 .hero__btn--outline:hover {
     background: rgba(20, 51, 92, 0.7);
     border-color: var(--gold-400);
     transform: translateY(-3px);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
     color: var(--gold-400);
 }

 @media (max-width: 768px) {
     .hero__panel {
         padding: 24px 30px 28px;
         margin: 0 16px;
     }

     .hero__title {
         font-size: 2rem;
     }

     .hero__actions {
         gap: 12px;
     }

     .hero__btn {
         padding: 12px 22px;
         font-size: 0.85rem;
     }
 }

 @media (max-width: 480px) {
     .hero__content {
         padding: 40px 0 40px;
     }

     .hero__badge {
         width: 56px;
         height: 56px;
         font-size: 24px;
     }

     .hero__panel {
         padding: 20px 20px 24px;
     }

     .hero__title {
         font-size: 1.6rem;
     }

     .hero__eyebrow {
         font-size: 0.95rem;
     }

     .hero__meta {
         flex-direction: column;
         gap: 8px;
     }
 }

 /* ---------- Info strip ---------- */
 .info-strip {
     background: linear-gradient(135deg, var(--cream) 0%, #fff 100%);
     padding: 50px 0;
     position: relative;
     overflow: hidden;
     border-top: 3px solid var(--gold-500);
     border-bottom: 3px solid var(--gold-500);
     box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.03);
 }

 .info-strip::before {
     content: "";
     position: absolute;
     top: -30px;
     right: -30px;
     width: 180px;
     height: 180px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.08) 0%, transparent 70%);
     border-radius: 50%;
     z-index: 0;
 }

 .info-strip__grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
     position: relative;
     z-index: 1;
 }

 .info-strip__card {
     background: #ffffff;
     border: 1px solid rgba(202, 160, 76, 0.2);
     border-radius: 16px;
     padding: 20px 18px;
     display: flex;
     align-items: center;
     gap: 14px;
     box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
     position: relative;
     overflow: hidden;
 }

 .info-strip__card::after {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 40px;
     height: 3px;
     background: var(--gold-500);
     border-radius: 0 0 4px 4px;
     opacity: 0;
     transition: opacity 0.3s ease, width 0.3s ease;
 }

 .info-strip__card:hover {
     transform: translateY(-6px);
     box-shadow: 0 14px 28px rgba(11, 32, 56, 0.1);
     border-color: var(--gold-400);
 }

 .info-strip__card:hover::after {
     opacity: 1;
     width: 60px;
 }

 .info-strip__icon-box {
     width: 56px;
     height: 56px;
     border-radius: 16px;
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     flex-shrink: 0;
     box-shadow: 0 6px 14px rgba(202, 160, 76, 0.35);
     transition: transform 0.3s ease;
 }

 .info-strip__card:hover .info-strip__icon-box {
     transform: rotate(-5deg) scale(1.08);
 }

 .info-strip__content {
     display: flex;
     flex-direction: column;
     gap: 4px;
 }

 .info-strip__label {
     font-size: 0.75rem;
     font-weight: 600;
     color: var(--ink-soft);
     text-transform: uppercase;
     letter-spacing: 0.4px;
 }

 .info-strip__value {
     font-size: 0.95rem;
     font-weight: 800;
     color: var(--navy-800);
     line-height: 1.5;
 }

 @media (max-width: 900px) {
     .info-strip__grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
     }
 }

 @media (max-width: 540px) {
     .info-strip {
         padding: 40px 0;
     }

     .info-strip__grid {
         grid-template-columns: 1fr;
         gap: 14px;
     }

     .info-strip__card {
         padding: 16px 14px;
     }

     .info-strip__icon-box {
         width: 48px;
         height: 48px;
         font-size: 20px;
         border-radius: 14px;
     }

     .info-strip__value {
         font-size: 0.85rem;
     }
 }

 /* ---------- About ---------- */
 .about {
     background: #fff;
     padding: 70px 0;
     position: relative;
     overflow: hidden;
 }

 .about::before {
     content: "";
     position: absolute;
     left: -80px;
     bottom: -80px;
     width: 280px;
     height: 280px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.06) 0%, transparent 70%);
     border-radius: 50%;
     z-index: 0;
 }

 .about__container {
     position: relative;
     z-index: 1;
 }

 .about__row {
     display: flex;
     gap: 60px;
     align-items: center;
 }

 .about__media {
     flex: 0 0 420px;
     max-width: 100%;
 }

 .about__frame {
     position: relative;
     border: 2px solid var(--gold-500);
     padding: 10px;
     background: #fff;
     box-shadow: 0 20px 40px rgba(11, 32, 56, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .about__frame:hover {
     transform: translateY(-6px);
     box-shadow: 0 28px 48px rgba(11, 32, 56, 0.15);
 }

 .about__frame::before,
 .about__frame::after {
     content: "";
     position: absolute;
     width: 24px;
     height: 24px;
     border: 2px solid var(--gold-500);
     background: #fff;
     z-index: 2;
 }

 .about__frame::before {
     top: -12px;
     left: -12px;
     border-right: none;
     border-bottom: none;
 }

 .about__frame::after {
     bottom: -12px;
     right: -12px;
     border-left: none;
     border-top: none;
 }

 .about__image {
     width: 100%;
     height: 320px;
     object-fit: cover;
     display: block;
 }

 .about__frame-badge {
     position: absolute;
     bottom: 16px;
     right: 16px;
     width: 44px;
     height: 44px;
     background: var(--gold-500);
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     box-shadow: 0 6px 14px rgba(202, 160, 76, 0.5);
     transition: transform 0.3s ease;
 }

 .about__frame:hover .about__frame-badge {
     transform: rotate(15deg) scale(1.1);
 }

 .about__text {
     flex: 1;
     text-align: right;
 }

 .about__kicker {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 14px;
     color: var(--gold-500);
     font-weight: 700;
     font-size: 0.95rem;
 }

 .about__kicker-line {
     width: 30px;
     height: 2px;
     background: var(--gold-500);
     border-radius: 2px;
 }

 .about__kicker-text {
     white-space: nowrap;
 }

 .about__title {
     font-size: 2.2rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 18px;
     line-height: 1.3;
 }

 .about__desc {
     font-size: 1rem;
     line-height: 2;
     color: var(--ink-soft);
     margin-bottom: 28px;
 }

 .about__cta {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: var(--gold-500);
     color: #241a06;
     font-weight: 700;
     font-size: 0.95rem;
     padding: 12px 28px;
     border-radius: 50px;
     text-decoration: none;
     transition: all 0.3s ease;
     box-shadow: 0 4px 12px rgba(202, 160, 76, 0.35);
 }

 .about__cta i {
     font-size: 0.8rem;
     transition: transform 0.3s ease;
 }

 .about__cta:hover {
     background: var(--gold-400);
     box-shadow: 0 8px 20px rgba(202, 160, 76, 0.5);
     transform: translateY(-2px);
 }

 .about__cta:hover i {
     transform: translateX(-4px);
 }

 @media (max-width: 900px) {
     .about__row {
         flex-direction: column;
         gap: 40px;
     }

     .about__media {
         flex: 0 0 auto;
         width: 100%;
         max-width: 500px;
         margin: 0 auto;
     }

     .about__image {
         height: 260px;
     }

     .about__text {
         text-align: center;
     }

     .about__kicker {
         justify-content: center;
     }
 }

 @media (max-width: 480px) {
     .about {
         padding: 50px 0;
     }

     .about__title {
         font-size: 1.7rem;
     }

     .about__frame {
         padding: 8px;
     }

     .about__image {
         height: 220px;
     }

     .about__cta {
         padding: 10px 22px;
         font-size: 0.9rem;
     }
 }

 /* ---------- Stats ---------- */
 .stats {
     background: linear-gradient(135deg, var(--navy-800) 0%, #0e2640 100%);
     padding: 60px 0;
     position: relative;
     overflow: hidden;
     border-top: 1px solid rgba(202, 160, 76, 0.2);
 }

 .stats::before {
     content: "";
     position: absolute;
     top: -50px;
     left: -50px;
     width: 350px;
     height: 350px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.12) 0%, transparent 70%);
     border-radius: 50%;
     z-index: 0;
 }

 .stats__container {
     position: relative;
     z-index: 1;
 }

 .stats__header {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-bottom: 40px;
 }

 .stats__header-line {
     display: block;
     width: 50px;
     height: 2px;
     background: var(--gold-500);
     border-radius: 2px;
     opacity: 0.8;
 }

 .stats__header-title {
     font-size: 1.5rem;
     font-weight: 700;
     color: var(--gold-400);
     margin: 0;
     white-space: nowrap;
 }

 .stats__grid {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 24px;
 }

 .stats__card {
     background: #ffffff;
     border-radius: 16px;
     padding: 30px 15px 24px;
     text-align: center;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
     border: 1px solid rgba(202, 160, 76, 0.25);
     transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1.2);
     position: relative;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     min-height: 200px;
 }

 .stats__card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 0;
     height: 4px;
     background: var(--gold-500);
     border-radius: 0 0 4px 4px;
     transition: width 0.3s ease;
 }

 .stats__card:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
     border-color: var(--gold-400);
 }

 .stats__card:hover::before {
     width: 60%;
 }

 .stats__icon {
     width: 64px;
     height: 64px;
     margin: 0 auto 18px;
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #ffffff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 26px;
     box-shadow: 0 8px 18px rgba(202, 160, 76, 0.35);
     transition: transform 0.3s ease;
 }

 .stats__card:hover .stats__icon {
     transform: rotate(-10deg) scale(1.1);
 }

 .stats__number {
     font-size: 2.2rem;
     font-weight: 800;
     color: var(--navy-800);
     margin-bottom: 6px;
     letter-spacing: -0.5px;
 }

 .stats__label {
     font-size: 0.9rem;
     font-weight: 500;
     color: var(--ink-soft);
 }

 @media (max-width: 992px) {
     .stats__grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
     }
 }

 @media (max-width: 768px) {
     .stats {
         padding: 50px 0;
     }

     .stats__header-title {
         font-size: 1.3rem;
     }

     .stats__grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
     }

     .stats__card {
         padding: 24px 12px 20px;
         min-height: 180px;
     }

     .stats__icon {
         width: 56px;
         height: 56px;
         font-size: 22px;
     }

     .stats__number {
         font-size: 1.8rem;
     }
 }

 @media (max-width: 480px) {
     .stats__grid {
         grid-template-columns: 1fr;
         max-width: 320px;
         margin: 0 auto;
     }

     .stats__header-line {
         width: 30px;
     }
 }

 /* ---------- Topics ---------- */
 .topics {
     background: linear-gradient(180deg, var(--cream) 0%, #fff 100%);
     padding: 70px 0;
     position: relative;
     overflow: hidden;
     border-top: 1px solid rgba(202, 160, 76, 0.2);
 }

 .topics::before {
     content: "";
     position: absolute;
     top: -60px;
     right: -60px;
     width: 240px;
     height: 240px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.1) 0%, transparent 70%);
     border-radius: 50%;
     z-index: 0;
 }

 .topics__container {
     position: relative;
     z-index: 1;
 }

 .topics__head {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-bottom: 48px;
 }

 .topics__head-line {
     display: block;
     width: 60px;
     height: 2px;
     background: var(--gold-500);
     border-radius: 2px;
     opacity: 0.8;
 }

 .topics__head-title {
     font-size: 1.8rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0;
     white-space: nowrap;
 }

 .topics__grid {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     gap: 24px;
 }

 .topics__card {
     text-align: center;
     padding: 10px 8px 20px;
     transition: transform 0.3s ease;
 }

 .topics__card:hover {
     transform: translateY(-6px);
 }

 .topics__arch {
     width: 86px;
     height: 96px;
     margin: 0 auto 16px;
     background: #ffffff;
     border: 2px solid var(--gold-400);
     border-radius: 50% 50% 10px 10px / 60% 60% 10px 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--navy-700);
     font-size: 28px;
     box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
     transition: all 0.3s ease;
     position: relative;
 }


 .topics__card:hover .topics__arch {
     border-color: var(--gold-500);
     box-shadow: 0 10px 22px rgba(202, 160, 76, 0.25);
     color: var(--gold-500);
 }

 .topics__card:hover .topics__arch::after {
     opacity: 1;
 }

 .topics__label {
     font-size: 0.95rem;
     font-weight: 700;
     color: var(--navy-800);
     line-height: 1.4;
 }

 @media (max-width: 992px) {
     .topics__grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
     }
 }

 @media (max-width: 768px) {
     .topics {
         padding: 50px 0;
     }

     .topics__head-title {
         font-size: 1.5rem;
     }

     .topics__grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
     }

     .topics__arch {
         width: 76px;
         height: 84px;
         font-size: 24px;
     }

     .topics__label {
         font-size: 0.85rem;
     }
 }

 @media (max-width: 480px) {
     .topics__grid {
         grid-template-columns: 1fr;
         max-width: 280px;
         margin: 0 auto;
     }

     .topics__head-line {
         width: 30px;
     }
 }

 /* ---------- News + Speakers ---------- */
 .newsspk {
     background: #fff;
     padding: 70px 0;
 }

 .newsspk__container {
     display: grid;
     grid-template-columns: 1.15fr 1fr;
     gap: 40px;
 }

 .newsspk__col {
     min-width: 0;
 }

 .newsspk__head {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 24px;
 }

 .newsspk__head-title {
     font-size: 1.25rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0;
     position: relative;
     padding-right: 14px;
 }

 .newsspk__head-title::before {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 4px;
     height: 20px;
     background: var(--gold-500);
     border-radius: 4px;
 }

 .newsspk__more {
     font-size: 0.8rem;
     color: var(--gold-500);
     font-weight: 700;
     display: flex;
     align-items: center;
     gap: 6px;
     transition: color 0.3s;
     white-space: nowrap;
 }

 .newsspk__more i {
     font-size: 0.65rem;
 }

 .newsspk__more:hover {
     color: var(--gold-400);
 }

 .newsspk__carousel {
     padding: 0;
 }

 .newsspk__carousel .owl-stage-outer {
     padding: 10px 5px;
 }

 .newsspk__carousel .owl-nav {
     position: absolute;
     left: 0;
     display: flex;
     gap: 6px;
     margin: 0;
 }

 .newsspk__carousel .owl-nav button {
     width: 30px;
     height: 30px;
     border-radius: 8px;
     background: #fff !important;
     border: 1px solid rgba(202, 160, 76, 0.35) !important;
     color: var(--gold-500) !important;
     font-size: 16px !important;
     line-height: 1 !important;
     transition: all 0.3s;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .newsspk__carousel .owl-nav button:hover {
     background: var(--gold-500) !important;
     color: #fff !important;
     border-color: var(--gold-500) !important;
 }

 .newsspk__carousel .owl-dots {
     margin-top: 14px;
     text-align: center;
 }

 .newsspk__carousel .owl-dots .owl-dot span {
     background: #d4c5a5;
     transition: all 0.3s;
 }

 .newsspk__carousel .owl-dots .owl-dot.active span,
 .newsspk__carousel .owl-dots .owl-dot:hover span {
     background: var(--gold-500);
     width: 18px;
 }

 .speaker-card {
     text-align: center;
     background: #fff;
     margin: 10px;
     border-radius: 16px;
     padding: 20px 12px 18px;
     box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
     border: 1px solid rgba(202, 160, 76, 0.2);
     transition: transform 0.3s, box-shadow 0.3s;
 }

 .speaker-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
     border-color: var(--gold-400);
 }

 .speaker-card__avatar {
     width: 90px;
     height: 90px;
     border-radius: 50%;
     margin: 0 auto 40px;
     border: 2px solid var(--gold-400);
     background: linear-gradient(135deg, #e8eef5, #cfdae8);
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     box-shadow: 0 0 0 4px #fff, 0 4px 12px rgba(202, 160, 76, 0.3);
 }

 .speaker-card__avatar img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .speaker-card__avatar i {
     color: var(--navy-700);
     font-size: 32px;
 }

 .speaker-card__name {
     font-weight: 800;
     font-size: 0.95rem;
     color: var(--navy-800);
     margin-bottom: 4px;
 }

 .speaker-card__org {
     font-size: 0.8rem;
     color: var(--ink-soft);
 }

 .news-card {
     background: #fff;
     margin: 10px;
     border-radius: 12px;
     overflow: hidden;
     min-height: 215px;
     box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
     border: 1px solid rgba(202, 160, 76, 0.2);
     transition: transform 0.3s, box-shadow 0.3s;
 }

 .news-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 22px rgba(0, 0, 0, 0.08);
 }

 .news-card__thumb {
     height: 120px;
     position: relative;
     background: linear-gradient(135deg, #1c3f63, #0f2540);
     overflow: hidden;
 }

 .news-card__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     opacity: 0.5;
     transition: transform 0.4s;
 }

 .news-card:hover .news-card__thumb img {
     transform: scale(1.04);
 }

 .news-card__icon {
     position: absolute;
     bottom: 8px;
     right: 10px;
     color: var(--gold-400);
     font-size: 18px;
     background: rgba(11, 32, 56, 0.7);
     width: 32px;
     height: 32px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     backdrop-filter: blur(4px);
 }

 .news-card__body {
     padding: 12px 14px 14px;
 }

 .news-card__body p {
     font-size: 0.85rem;
     font-weight: 700;
     line-height: 1.6;
     margin: 0 0 8px;
     color: var(--ink);
 }

 .news-card__date {
     font-size: 0.7rem;
     color: var(--ink-soft);
     display: flex;
     align-items: center;
     gap: 5px;
 }

 @media (max-width: 900px) {
     .newsspk__container {
         grid-template-columns: 1fr 1fr;
         gap: 24px;
     }

     .newsspk__head-title {
         font-size: 1.1rem;
     }
 }

 @media (max-width: 680px) {
     .newsspk__container {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .speaker-card__avatar {
         width: 80px;
         height: 80px;
     }
 }

 /* ---------- Sponsors ---------- */
 .sponsors {
     background: var(--cream);
     padding: 70px 0;
 }

 .sponsors__head {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-bottom: 40px;
 }

 .sponsors__head-line {
     display: block;
     width: 60px;
     height: 2px;
     background: var(--gold-500);
     border-radius: 2px;
     opacity: 0.8;
 }

 .sponsors__head-title {
     font-size: 1.6rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0;
     white-space: nowrap;
 }

 .sponsors__carousel {
     padding: 0 10px;
 }

 .sponsors__carousel .owl-stage-outer {
     padding: 10px 0;
 }

 .sponsors__carousel .owl-nav {
     position: absolute;
     top: -70px;
     left: 0;
     display: flex;
     gap: 8px;
     margin: 0;
 }

 .sponsors__carousel .owl-nav button {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background: #fff !important;
     border: 1px solid var(--gold-500) !important;
     color: var(--gold-500) !important;
     font-size: 16px !important;
     line-height: 1 !important;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s;
 }

 .sponsors__carousel .owl-nav button:hover {
     background: var(--gold-500) !important;
     color: #fff !important;
 }

 .sponsors__carousel .owl-dots {
     margin-top: 20px;
     text-align: center;
 }

 .sponsors__carousel .owl-dots .owl-dot span {
     background: #d4c5a5;
     transition: all 0.3s;
 }

 .sponsors__carousel .owl-dots .owl-dot.active span,
 .sponsors__carousel .owl-dots .owl-dot:hover span {
     background: var(--gold-500);
     width: 18px;
 }

 .sponsor-card {
     background: #fff;
     border-radius: 16px;
     padding: 24px 15px;
     min-height: 175px;
     text-align: center;
     border: 1px solid rgba(202, 160, 76, 0.25);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100%;
 }

 .sponsor-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 14px 24px rgba(0, 0, 0, 0.08);
     border-color: var(--gold-400);
 }

 .sponsor-card__logo {
     width: 64px;
     height: 64px;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 28px;
     margin-bottom: 16px;
     box-shadow: 0 6px 14px rgba(202, 160, 76, 0.3);
     transition: transform 0.3s;
 }

 .sponsor-card:hover .sponsor-card__logo {
     transform: rotate(-8deg) scale(1.1);
 }

 .sponsor-card__name {
     font-size: 0.95rem;
     font-weight: 700;
     color: var(--navy-800);
     line-height: 1.5;
 }

 @media (max-width: 768px) {
     .sponsors__head-title {
         font-size: 1.3rem;
     }

     .sponsor-card__logo {
         width: 56px;
         height: 56px;
         font-size: 24px;
     }

     .sponsor-card__name {
         font-size: 0.85rem;
     }
 }

 /* ---------- Footer ---------- */
 .footer {
     background: linear-gradient(135deg, var(--navy-800) 0%, #0a1a2e 100%);
     color: #dfe6ee;
     border-top: 3px solid var(--gold-500);
     padding: 60px 0 0;
     position: relative;
     overflow: hidden;
 }

 .footer::before {
     content: "";
     position: absolute;
     top: -30px;
     right: -30px;
     width: 200px;
     height: 200px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.15) 0%, transparent 70%);
     border-radius: 50%;
     z-index: 0;
 }

 .footer__container {
     position: relative;
     z-index: 1;
 }

 .footer__grid {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 30px;
     margin-bottom: 40px;
 }

 .footer__col-title {
     font-size: 1.1rem;
     font-weight: 700;
     color: var(--gold-400);
     margin: 0 0 18px;
     position: relative;
     padding-bottom: 10px;
 }

 .footer__col-title::after {
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     width: 30px;
     height: 2px;
     background: var(--gold-500);
     border-radius: 2px;
 }

 .footer__list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .footer__item {
     margin-bottom: 10px;
 }

 .footer__link {
     color: #cfd9e6;
     font-size: 0.9rem;
     text-decoration: none;
     transition: color 0.3s, padding-right 0.3s;
     display: inline-block;
     position: relative;
 }

 .footer__link:hover {
     color: var(--gold-400);
     padding-right: 6px;
 }

 .footer__contact-item {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     margin-bottom: 14px;
     font-size: 0.9rem;
     color: #cfd9e6;
 }

 .footer__icon {
     color: var(--gold-400);
     font-size: 1rem;
     width: 18px;
     text-align: center;
     margin-top: 2px;
     flex-shrink: 0;
 }

 .footer__brand {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
 }

 .footer__logo {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     border: 2px solid var(--gold-500);
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     overflow: hidden;
 }

 .footer__logo img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     padding: 6px;
 }

 .footer__logo i {
     color: var(--gold-400);
     font-size: 28px;
 }

 .footer__brand-text {
     font-size: 0.85rem;
     color: #cfd9e6;
     line-height: 1.7;
     margin: 0;
 }

 .footer__social {
     display: flex;
     gap: 8px;
     margin-top: 4px;
 }

 .footer__social-link {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     border: 1px solid rgba(202, 160, 76, 0.4);
     color: var(--gold-400);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.9rem;
     transition: all 0.3s;
     text-decoration: none;
 }

 .footer__social-link:hover {
     background: var(--gold-500);
     color: #0a1a2e;
     border-color: var(--gold-500);
     transform: translateY(-2px);
 }

 .footer__bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.08);
     padding: 18px 0;
     text-align: center;
 }

 .footer__copyright {
     font-size: 0.75rem;
     color: #8e9bae;
     margin: 0;
 }

 @media (max-width: 992px) {
     .footer__grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 30px 20px;
     }

     .footer__brand {
         grid-column: span 2;
         align-items: center;
         text-align: center;
     }
 }

 @media (max-width: 768px) {
     .footer__grid {
         grid-template-columns: 1fr 1fr;
     }

     .footer__brand {
         grid-column: span 2;
     }
 }

 @media (max-width: 480px) {
     .footer {
         padding: 40px 0 0;
     }

     .footer__grid {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .footer__brand {
         grid-column: span 1;
     }
 }

 /* Maghale Page Styles */
 .page-banner {
     position: relative;
     overflow: hidden;
     background:
         radial-gradient(circle at 15% 20%, rgba(202, 160, 76, 0.18), transparent 50%),
         radial-gradient(circle at 90% 80%, rgba(202, 160, 76, 0.12), transparent 45%),
         var(--navy-800);
     padding: 60px 0 50px;
     border-bottom: 2px solid var(--gold-500);
     text-align: center;
 }

 .page-banner::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(11, 32, 56, 0.2);
     backdrop-filter: blur(2px);
     z-index: 0;
 }

 .page-banner__container {
     position: relative;
     z-index: 2;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .page-banner__badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(202, 160, 76, 0.15);
     border: 1px solid rgba(202, 160, 76, 0.4);
     color: var(--gold-400);
     padding: 8px 20px;
     border-radius: 50px;
     font-size: 0.85rem;
     font-weight: 600;
     margin-bottom: 20px;
     backdrop-filter: blur(6px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     transition: transform 0.3s;
 }

 .page-banner__badge:hover {
     transform: translateY(-2px);
 }

 .page-banner__badge-icon {
     font-size: 1rem;
 }

 .page-banner__title {
     font-size: 3rem;
     font-weight: 800;
     color: #ffffff;
     margin: 0 0 12px;
     text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
     position: relative;
     display: inline-block;
 }

 .page-banner__title::after {
     content: "";
     display: block;
     width: 60px;
     height: 3px;
     background: var(--gold-500);
     margin: 10px auto 0;
     border-radius: 2px;
 }

 .page-banner__subtitle {
     font-size: 1.1rem;
     color: #c9d3e0;
     margin: 0 0 28px;
     max-width: 500px;
     line-height: 1.6;
 }

 .page-banner__breadcrumb {
     display: flex;
     align-items: center;
     gap: 10px;
     color: var(--gold-400);
     font-size: 0.9rem;
     background: rgba(255, 255, 255, 0.05);
     padding: 10px 24px;
     border-radius: 50px;
     backdrop-filter: blur(6px);
     border: 1px solid rgba(202, 160, 76, 0.25);
     flex-wrap: wrap;
     justify-content: center;
 }

 .page-banner__breadcrumb-link {
     color: var(--gold-400);
     font-weight: 500;
     text-decoration: none;
     transition: color 0.3s;
 }

 .page-banner__breadcrumb-link:hover {
     color: #fff;
 }

 .page-banner__breadcrumb-sep {
     color: #5c6f8a;
     font-size: 1.1rem;
 }

 .page-banner__breadcrumb-current {
     color: #c9d3e0;
     font-weight: 600;
 }

 @media (max-width: 768px) {
     .page-banner {
         padding: 45px 0 40px;
     }

     .page-banner__title {
         font-size: 2.2rem;
     }

     .page-banner__subtitle {
         font-size: 0.95rem;
         margin-bottom: 20px;
     }

     .page-banner__breadcrumb {
         padding: 8px 18px;
         font-size: 0.8rem;
     }
 }

 @media (max-width: 480px) {
     .page-banner__badge {
         padding: 6px 16px;
         font-size: 0.75rem;
     }

     .page-banner__title {
         font-size: 1.8rem;
     }

     .page-banner__breadcrumb {
         gap: 6px;
     }
 }

 /* ---------- Stepper ---------- */
 .stepper-wrap {
     background: #fff;
     padding: 40px 0;
     border-bottom: 1px solid var(--cream-dark);
     position: relative;
 }

 .stepper-wrap__container {
     position: relative;
 }

 .stepper {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     position: relative;
     margin: 0 10px;
 }

 .stepper__track {
     position: absolute;
     top: 30px;
     right: 5%;
     left: 5%;
     height: 4px;
     background: #e9e0ce;
     border-radius: 2px;
     z-index: 0;
 }

 .stepper__progress {
     height: 100%;
     background: linear-gradient(90deg, var(--gold-500), var(--gold-400));
     border-radius: 2px;
     width: 0%;
     transition: width 0.4s ease;
 }

 .stepper__step {
     position: relative;
     z-index: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 12px;
     flex: 1;
     min-width: 80px;
 }

 .stepper__circle {
     width: 64px;
     height: 64px;
     border-radius: 50%;
     background: #fff;
     border: 2px solid #d4c5a5;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     transition: all 0.3s ease;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
 }

 .stepper__icon {
     font-size: 24px;
     color: #8b9aaf;
     transition: color 0.3s;
 }

 .stepper__num {
     position: absolute;
     top: -8px;
     left: -8px;
     background: #fff;
     border: 2px solid #d4c5a5;
     color: #6b7a8f;
     width: 24px;
     height: 24px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 11px;
     font-weight: 700;
     transition: all 0.3s;
 }

 .stepper__step--active .stepper__circle {
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     border-color: var(--gold-500);
     box-shadow: 0 0 0 6px rgba(202, 160, 76, 0.15), 0 6px 18px rgba(202, 160, 76, 0.3);
     animation: stepper-pulse 2s infinite;
 }

 .stepper__step--active .stepper__icon {
     color: #241a06;
 }

 .stepper__step--active .stepper__num {
     background: var(--navy-800);
     border-color: var(--navy-800);
     color: var(--gold-400);
     font-weight: 800;
 }

 .stepper__label {
     font-size: 0.9rem;
     font-weight: 600;
     color: var(--ink-soft);
     text-align: center;
     transition: color 0.3s;
 }

 .stepper__step--active .stepper__label {
     color: var(--navy-800);
     font-weight: 700;
 }

 @keyframes stepper-pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(202, 160, 76, 0.4);
     }

     70% {
         box-shadow: 0 0 0 12px rgba(202, 160, 76, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(202, 160, 76, 0);
     }
 }

 @media (max-width: 768px) {
     .stepper {
         overflow-x: auto;
         flex-wrap: nowrap;
         gap: 16px;
         padding-bottom: 8px;
         -webkit-overflow-scrolling: touch;
     }

     .stepper__step {
         min-width: 90px;
     }

     .stepper__circle {
         width: 56px;
         height: 56px;
     }

     .stepper__icon {
         font-size: 20px;
     }

     .stepper__label {
         font-size: 0.75rem;
     }

     .stepper__track {
         top: 26px;
     }
 }

 @media (max-width: 480px) {
     .stepper__circle {
         width: 48px;
         height: 48px;
     }

     .stepper__track {
         top: 22px;
     }
 }

 /* ---------- Layout ---------- */
 .page-body {
     padding: 44px 0 70px;
 }

 .layout {
     display: grid;
     grid-template-columns: 280px 1fr;
     gap: 26px;
     align-items: start;
 }

 /* Sidebar */
 .sidebar {
     display: flex;
     flex-direction: column;
     gap: 24px;
 }

 .sidebar__box {
     background: #ffffff;
     border-radius: 16px;
     padding: 24px 20px;
     box-shadow: 0 4px 16px rgba(11, 32, 56, 0.06);
     border: 1px solid rgba(202, 160, 76, 0.2);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .sidebar__box:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 24px rgba(11, 32, 56, 0.1);
     border-color: rgba(202, 160, 76, 0.5);
 }

 .sidebar__box-title {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 1.1rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 18px;
     padding-bottom: 12px;
     border-bottom: 2px solid rgba(202, 160, 76, 0.3);
 }

 .sidebar__title-icon {
     color: var(--gold-500);
     font-size: 1.2rem;
 }

 .sidebar__list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .sidebar__list-item {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     font-size: 0.85rem;
     color: var(--ink-soft);
     line-height: 1.8;
     margin-bottom: 12px;
 }

 .sidebar__bullet {
     color: var(--gold-500);
     font-size: 6px;
     margin-top: 8px;
     flex-shrink: 0;
 }

 .sidebar__topic-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 0.9rem;
     font-weight: 600;
     color: var(--navy-800);
     padding: 12px 0;
     border-bottom: 1px solid var(--cream-dark);
     cursor: pointer;
     transition: color 0.3s, padding-right 0.3s;
 }

 .sidebar__topic-item:last-child {
     border-bottom: none;
 }

 .sidebar__topic-item:hover {
     color: var(--gold-500);
     padding-right: 6px;
 }

 .sidebar__arrow {
     color: var(--gold-500);
     font-size: 0.8rem;
     transition: transform 0.3s;
 }

 .sidebar__topic-item:hover .sidebar__arrow {
     transform: translateX(-4px);
 }

 .sidebar__contact-desc {
     font-size: 0.8rem;
     color: var(--ink-soft);
     margin: 0 0 18px;
     line-height: 1.6;
 }

 .sidebar__contact-row {
     display: flex;
     align-items: center;
     gap: 12px;
     font-size: 0.85rem;
     color: var(--ink-soft);
     margin-bottom: 14px;
 }

 .sidebar__contact-icon {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.85rem;
     flex-shrink: 0;
     box-shadow: 0 4px 10px rgba(202, 160, 76, 0.3);
 }

 @media (max-width: 768px) {
     .sidebar {
         gap: 16px;
     }

     .sidebar__box {
         padding: 20px 16px;
     }
 }

 /* Form card */
 .form-card {
     background: #ffffff;
     border-radius: 20px;
     padding: 36px 32px;
     box-shadow: 0 8px 28px rgba(11, 32, 56, 0.08);
     border: 1px solid rgba(202, 160, 76, 0.15);
     transition: box-shadow 0.3s;
 }

 .form-card:hover {
     box-shadow: 0 12px 32px rgba(11, 32, 56, 0.12);
 }

 .form-card__title {
     display: flex;
     align-items: center;
     gap: 12px;
     font-size: 1.6rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 8px;
 }

 .form-card__title-icon {
     color: var(--gold-500);
     font-size: 1.2rem;
     background: rgba(202, 160, 76, 0.1);
     padding: 8px;
     border-radius: 12px;
 }

 .form-card__hint {
     font-size: 0.9rem;
     color: var(--ink-soft);
     margin-bottom: 30px;
     border-right: 3px solid var(--gold-400);
     padding-right: 12px;
 }

 .form-card__field {
     margin-bottom: 24px;
 }

 .form-card__label {
     display: block;
     font-size: 0.9rem;
     font-weight: 700;
     color: var(--navy-800);
     margin-bottom: 8px;
 }

 .form-card__req {
     color: #c0392b;
     margin-left: 2px;
 }

 .form-card__input,
 .form-card__select,
 .form-card__textarea {
     width: 100%;
     border: 2px solid #e1dcca;
     border-radius: 14px;
     background: #fdfaf5;
     padding: 14px 18px;
     font-size: 0.95rem;
     color: var(--ink);
     transition: all 0.3s ease;
     box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.02);
 }

 .form-card__input:focus,
 .form-card__select:focus,
 .form-card__textarea:focus {
     outline: none;
     border-color: var(--gold-500);
     box-shadow: 0 0 0 4px rgba(202, 160, 76, 0.1), inset 0 2px 6px rgba(0, 0, 0, 0.02);
     background: #fff;
 }

 .form-card__input::placeholder,
 .form-card__textarea::placeholder {
     color: #b3a68f;
     font-weight: 400;
 }

 .form-card__select {
     appearance: none;
     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9"><path d="M1 1l7 7 7-7" stroke="%23caa04c" stroke-width="2" fill="none" stroke-linecap="round"/></svg>');
     background-repeat: no-repeat;
     background-position: left 16px center;
     padding-left: 40px;
 }

 /* textarea */
 .form-card__textarea {
     resize: vertical;
     min-height: 120px;
     line-height: 1.9;
 }

 .form-card__counter {
     display: flex;
     justify-content: flex-end;
     font-size: 0.75rem;
     color: var(--ink-soft);
     margin-top: 6px;
     font-weight: 500;
 }

 .form-card__counter b {
     color: var(--gold-500);
     font-weight: 700;
 }

 .form-card__tag-box {
     display: flex;
     align-items: center;
     gap: 10px;
     border: 2px solid #e1dcca;
     border-radius: 14px;
     background: #fdfaf5;
     padding: 8px 16px;
     transition: all 0.3s;
 }

 .form-card__tag-box:focus-within {
     border-color: var(--gold-500);
     box-shadow: 0 0 0 4px rgba(202, 160, 76, 0.1);
     background: #fff;
 }

 .form-card__tag-icon {
     color: var(--gold-500);
     font-size: 1rem;
 }

 .form-card__tag-input {
     border: none;
     background: transparent;
     flex: 1;
     padding: 8px 4px;
     font-size: 0.95rem;
 }

 .form-card__tag-input:focus {
     outline: none;
 }

 .form-card__radio-row {
     display: flex;
     gap: 30px;
     flex-wrap: wrap;
 }

 .form-card__radio {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 0.95rem;
     color: var(--ink);
     cursor: pointer;
     position: relative;
 }

 .form-card__radio input {
     appearance: none;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 2px solid #d4c5a5;
     margin: 0;
     position: relative;
     flex-shrink: 0;
     transition: border-color 0.2s;
 }

 .form-card__radio input:checked {
     border-color: var(--gold-500);
 }

 .form-card__radio input:checked::after {
     content: "";
     position: absolute;
     inset: 3px;
     border-radius: 50%;
     background: var(--gold-500);
     animation: radio-pop 0.2s ease;
 }

 @keyframes radio-pop {
     0% {
         transform: scale(0);
     }

     80% {
         transform: scale(1.3);
     }

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

.form-card__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
    color: #241a06;
    border: none;
    padding: 16px 38px;
    border-radius: 60px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(202, 160, 76, 0.4);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1.2);
    width: 100%;
    margin-top: 10px;
    font-family: inherit;
}

 .form-card__submit-icon {
     font-size: 0.9rem;
     transition: transform 0.3s;
 }

 .form-card__submit:hover {
     background: linear-gradient(135deg, var(--gold-300, #e3c988), var(--gold-400));
     box-shadow: 0 12px 24px rgba(202, 160, 76, 0.5);
     transform: translateY(-2px);
 }

 .form-card__submit:hover .form-card__submit-icon {
     transform: translateX(-4px);
 }

 .form-card__submit:active {
     transform: translateY(0);
 }

 @media (max-width: 640px) {
     .form-card {
         padding: 24px 18px;
     }

     .form-card__title {
         font-size: 1.3rem;
     }

     .form-card__radio-row {
         flex-direction: column;
         gap: 14px;
     }
 }

 /* About Page */
 .about-hero {
     position: relative;
     overflow: hidden;
     background: var(--navy-800);
     border-bottom: 2px solid rgba(202, 160, 76, 0.3);
 }

 .about-hero::before {
     content: "";
     position: absolute;
     left: -80px;
     bottom: -80px;
     width: 350px;
     height: 350px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.1), transparent 70%);
     z-index: 0;
 }

 .about-hero__grid {
     display: grid;
     grid-template-columns: 1fr 1.2fr;
     align-items: center;
     min-height: 420px;
     position: relative;
     z-index: 1;
 }

 .about-hero__content {
     padding: 50px 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .about-hero__badge {
     width: 64px;
     height: 64px;
     border: 2px solid var(--gold-500);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--gold-400);
     font-size: 24px;
     background: rgba(11, 32, 56, 0.4);
     backdrop-filter: blur(6px);
     box-shadow: 0 0 20px rgba(202, 160, 76, 0.25);
     margin-bottom: 20px;
     transition: transform 0.3s;
 }

 .about-hero__badge:hover {
     transform: rotate(10deg) scale(1.1);
 }

 .about-hero__kicker {
     color: var(--gold-400);
     font-weight: 700;
     font-size: 0.95rem;
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 12px;
 }

 .about-hero__kicker-line {
     width: 30px;
     height: 2px;
     background: var(--gold-400);
     border-radius: 2px;
 }

 .about-hero__title {
     font-size: 2.4rem;
     font-weight: 800;
     color: #fff;
     line-height: 1.3;
     margin: 0 0 10px;
     text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }

 .about-hero__subtitle {
     font-size: 1rem;
     color: var(--gold-100);
     font-weight: 500;
     margin-bottom: 20px;
     letter-spacing: 0.3px;
 }

 .about-hero__description {
     font-size: 1rem;
     color: #cfd9e6;
     line-height: 2;
     margin: 0;
     max-width: 600px;
 }

 .about-hero__media {
     position: relative;
     height: 100%;
     min-height: 420px;
     overflow: hidden;
 }

 .about-hero__image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform 0.8s ease;
 }

 .about-hero__media::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(to left, transparent 50%, rgba(11, 32, 56, 0.7));
 }

 .about-hero__media:hover .about-hero__image {
     transform: scale(1.03);
 }

 .about-hero__media::before {
     content: "";
     position: absolute;
     right: 0;
     top: 10%;
     bottom: 10%;
     width: 3px;
     background: linear-gradient(to bottom, transparent, var(--gold-500), transparent);
     z-index: 2;
 }

 @media (max-width: 900px) {
     .about-hero__grid {
         grid-template-columns: 1fr;
         min-height: auto;
     }

     .about-hero__content {
         padding: 40px 24px;
         order: 1;
     }

     .about-hero__media {
         min-height: 300px;
         order: 0;
     }

     .about-hero__title {
         font-size: 1.8rem;
     }
 }

 @media (max-width: 480px) {
     .about-hero__title {
         font-size: 1.5rem;
     }

     .about-hero__badge {
         width: 52px;
         height: 52px;
         font-size: 20px;
     }
 }

 /* ---------- Tabs ---------- */
 .tabs-wrap {
     background: #ffffff;
     padding: 24px 0;
     border-bottom: 1px solid rgba(202, 160, 76, 0.2);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
 }

 .tabs {
     display: flex;
     justify-content: space-between;
     gap: 12px;
     flex-wrap: wrap;
 }

 .tabs__item {
     flex: 1 1 auto;
     min-width: 100px;
     text-align: center;
     padding: 14px 8px 12px;
     border-radius: 16px;
     background: transparent;
     border: 1px solid transparent;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 8px;
     color: var(--ink-soft);
     font-size: 0.8rem;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease;
     position: relative;
 }

 .tabs__item::after {
     content: "";
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--cream-dark);
     transition: background 0.3s, transform 0.3s;
 }

 .tabs__item:hover {
     background: rgba(202, 160, 76, 0.05);
     border-color: rgba(202, 160, 76, 0.25);
     transform: translateY(-4px);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
 }

 .tabs__item:hover::after {
     background: var(--gold-500);
     transform: scale(1.5);
 }

 .tabs__icon {
     font-size: 1.6rem;
     color: var(--navy-700);
     transition: color 0.3s, transform 0.3s;
 }

 .tabs__item:hover .tabs__icon {
     color: var(--gold-500);
     transform: scale(1.1);
 }

 .tabs__label {
     transition: color 0.3s;
 }

 .tabs__item--active {
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     border-color: var(--gold-500);
     color: #241a06;
     box-shadow: 0 8px 18px rgba(202, 160, 76, 0.35);
 }

 .tabs__item--active .tabs__icon {
     color: #241a06;
 }

 .tabs__item--active::after {
     background: #241a06;
     transform: scale(1.5);
 }

 .tabs__item--active:hover {
     background: linear-gradient(135deg, var(--gold-300, #e3c988), var(--gold-400));
     transform: translateY(-4px);
     box-shadow: 0 12px 24px rgba(202, 160, 76, 0.5);
 }

 @media (max-width: 768px) {
     .tabs {
         justify-content: center;
         gap: 8px;
     }

     .tabs__item {
         flex: 1 1 calc(33.333% - 16px);
         min-width: 90px;
         padding: 12px 6px 10px;
         font-size: 0.7rem;
     }

     .tabs__icon {
         font-size: 1.4rem;
     }
 }

 @media (max-width: 480px) {
     .tabs__item {
         flex: 1 1 calc(50% - 8px);
     }
 }

 /* ---------- BreadCrumb ---------- */
 .breadcrumb-strip {
     background: var(--cream);
     padding: 14px 0;
     border-bottom: 1px solid var(--cream-dark);
 }

 .breadcrumb {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 0.9rem;
     color: var(--ink-soft);
     flex-wrap: wrap;
 }

 .breadcrumb__link {
     color: var(--navy-800);
     font-weight: 600;
     text-decoration: none;
     display: flex;
     align-items: center;
     gap: 6px;
     transition: color 0.3s;
 }

 .breadcrumb__link:hover {
     color: var(--gold-500);
 }

 .breadcrumb__home-icon {
     font-size: 0.85rem;
     color: var(--gold-500);
 }

 .breadcrumb__sep {
     color: #b9c2ce;
     font-size: 0.75rem;
     display: flex;
     align-items: center;
 }

 .breadcrumb__current {
     color: var(--gold-500);
     font-weight: 700;
 }

 .intro {
     background: var(--cream);
     padding: 60px 0;
     position: relative;
     overflow: hidden;
 }

 .intro::before {
     content: "";
     position: absolute;
     bottom: -60px;
     left: -60px;
     width: 300px;
     height: 300px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.1) 0%, transparent 70%);
     border-radius: 50%;
     z-index: 0;
 }

 .intro__container {
     position: relative;
     z-index: 1;
 }

 .intro__grid {
     display: grid;
     grid-template-columns: 1fr 1.2fr;
     gap: 50px;
     align-items: center;
 }

 .intro__frame {
     position: relative;
     border: 2px solid var(--gold-500);
     padding: 12px;
     background: #fff;
     box-shadow: 0 16px 32px rgba(11, 32, 56, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .intro__frame:hover {
     transform: translateY(-6px);
     box-shadow: 0 24px 40px rgba(11, 32, 56, 0.15);
 }

 .intro__frame::before,
 .intro__frame::after {
     content: "";
     position: absolute;
     width: 24px;
     height: 24px;
     border: 2px solid var(--gold-500);
     background: #fff;
     z-index: 2;
 }

 .intro__frame::before {
     top: -12px;
     left: -12px;
     border-right: none;
     border-bottom: none;
 }

 .intro__frame::after {
     bottom: -12px;
     right: -12px;
     border-left: none;
     border-top: none;
 }

 .intro__image {
     width: 100%;
     height: 360px;
     object-fit: cover;
     display: block;
 }

 .intro__badge {
     position: absolute;
     bottom: 16px;
     right: 16px;
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: var(--gold-500);
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     box-shadow: 0 6px 16px rgba(202, 160, 76, 0.4);
     transition: transform 0.3s;
 }

 .intro__frame:hover .intro__badge {
     transform: rotate(15deg) scale(1.1);
 }

 .intro__kicker {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 14px;
     color: var(--gold-500);
     font-weight: 700;
     font-size: 0.95rem;
 }

 .intro__kicker-line {
     width: 30px;
     height: 2px;
     background: var(--gold-500);
     border-radius: 2px;
 }

 .intro__title {
     font-size: 2rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 18px;
     line-height: 1.3;
 }

 .intro__description {
     font-size: 1rem;
     color: var(--ink-soft);
     line-height: 2;
     margin-bottom: 28px;
 }

 .intro__info-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
 }

 .intro__info-card {
     background: #ffffff;
     border-radius: 16px;
     border: 1px solid rgba(202, 160, 76, 0.2);
     padding: 18px 12px;
     text-align: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
     transition: transform 0.3s, box-shadow 0.3s;
 }

 .intro__info-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
     border-color: var(--gold-400);
 }

 .intro__info-icon {
     width: 44px;
     height: 44px;
     margin: 0 auto 10px;
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     box-shadow: 0 4px 10px rgba(202, 160, 76, 0.3);
 }

 .intro__info-label {
     font-size: 0.7rem;
     font-weight: 600;
     color: var(--ink-soft);
     text-transform: uppercase;
     letter-spacing: 0.4px;
     margin-bottom: 4px;
 }

 .intro__info-value {
     font-size: 0.85rem;
     font-weight: 700;
     color: var(--navy-800);
     line-height: 1.5;
 }

 @media (max-width: 992px) {
     .intro__grid {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .intro__image {
         height: 300px;
     }

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

 @media (max-width: 600px) {
     .intro__info-grid {
         grid-template-columns: 1fr;
         max-width: 300px;
         margin: 0 auto;
     }

     .intro__title {
         font-size: 1.6rem;
     }
 }

 /* ---------- Goals ---------- */
 .goals {
     background: #ffffff;
     padding: 70px 0;
     position: relative;
     overflow: hidden;
 }

 .goals::before {
     content: "";
     position: absolute;
     top: -40px;
     left: -40px;
     width: 220px;
     height: 220px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.08) 0%, transparent 70%);
     border-radius: 50%;
     z-index: 0;
 }

 .goals__container {
     position: relative;
     z-index: 1;
 }

 .goals__head {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-bottom: 48px;
 }

 .goals__head-line {
     display: block;
     width: 60px;
     height: 2px;
     background: var(--gold-500);
     border-radius: 2px;
     opacity: 0.8;
 }

 .goals__head-title {
     font-size: 1.8rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0;
     white-space: nowrap;
 }

 .goals__grid {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: 18px;
 }

 .goals__card {
     background: #faf8f3;
     border: 1px solid rgba(202, 160, 76, 0.15);
     border-radius: 20px;
     padding: 28px 14px 22px;
     text-align: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 16px;
 }

 .goals__card:hover {
     transform: translateY(-8px);
     box-shadow: 0 16px 28px rgba(11, 32, 56, 0.1);
     border-color: var(--gold-400);
     background: #fff;
 }

 .goals__icon-box {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     box-shadow: 0 8px 16px rgba(202, 160, 76, 0.35);
     transition: transform 0.3s;
 }

 .goals__card:hover .goals__icon-box {
     transform: rotate(-10deg) scale(1.1);
 }

 .goals__label {
     font-size: 0.9rem;
     font-weight: 700;
     color: var(--navy-800);
     line-height: 1.7;
     margin: 0;
 }

 @media (max-width: 1200px) {
     .goals__grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media (max-width: 768px) {
     .goals {
         padding: 50px 0;
     }

     .goals__head-title {
         font-size: 1.4rem;
     }

     .goals__grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 14px;
     }
 }

 @media (max-width: 480px) {
     .goals__grid {
         grid-template-columns: 1fr;
         max-width: 320px;
         margin: 0 auto;
     }

     .goals__head-line {
         width: 30px;
     }
 }

 /* ---------- Quick links (photo cards) ---------- */
 .quicklinks {
     background: #faf8f3;
     padding: 70px 0;
 }

 .quicklinks__grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
     align-items: stretch;
 }

 .quicklinks__card {
     background: #ffffff;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
     border: 1px solid rgba(202, 160, 76, 0.15);
     display: flex;
     flex-direction: column;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .quicklinks__card:hover {
     transform: translateY(-6px);
     box-shadow: 0 16px 28px rgba(0, 0, 0, 0.1);
     border-color: var(--gold-400);
 }

 .quicklinks__thumb {
     height: 160px;
     overflow: hidden;
     position: relative;
 }

 .quicklinks__image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s;
 }

 .quicklinks__card:hover .quicklinks__image {
     transform: scale(1.05);
 }

 .quicklinks__body {
     padding: 20px 18px 22px;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 .quicklinks__title {
     margin: 0 0 10px;
     font-size: 1.1rem;
     font-weight: 800;
     color: var(--navy-800);
 }

 .quicklinks__desc {
     margin: 0 0 18px;
     font-size: 0.85rem;
     color: var(--ink-soft);
     line-height: 1.9;
     flex: 1;
 }

 .quicklinks__more {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     align-self: flex-start;
     border: 1px solid var(--gold-500);
     padding: 10px 22px;
     border-radius: 50px;
     color: var(--navy-800);
     font-weight: 700;
     font-size: 0.85rem;
     text-decoration: none;
     transition: all 0.3s ease;
     margin-top: auto;
 }

 .quicklinks__more:hover {
     background: var(--gold-500);
     color: #fff;
 }

 .quicklinks__more i {
     font-size: 0.75rem;
     transition: transform 0.3s;
 }

 .quicklinks__more:hover i {
     transform: translateX(-4px);
 }

 @media (max-width: 992px) {
     .quicklinks__grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 560px) {
     .quicklinks__grid {
         grid-template-columns: 1fr;
         max-width: 380px;
         margin: 0 auto;
     }

     .quicklinks__thumb {
         height: 180px;
     }
 }




 /* Contact Us Page Styles */
 /* ==================== BREADCRUMB ==================== */
 .breadcrumb-strip {
     background: var(--cream);
     padding: 14px 0;
     border-bottom: 1px solid var(--cream-dark);
 }

 .breadcrumb {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 0.9rem;
     color: var(--ink-soft);
 }

 .breadcrumb__link {
     color: var(--navy-800);
     font-weight: 600;
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .breadcrumb__link:hover {
     color: var(--gold-500);
 }

 .breadcrumb__home-icon {
     color: var(--gold-500);
 }

 .breadcrumb__sep {
     color: #b9c2ce;
 }

 .breadcrumb__current {
     color: var(--gold-500);
     font-weight: 700;
 }

 /* ==================== HERO ==================== */
 .contact-hero {
     position: relative;
     background:
         radial-gradient(circle at 20% 30%, rgba(202, 160, 76, 0.12) 0%, transparent 50%),
         radial-gradient(circle at 80% 70%, rgba(202, 160, 76, 0.08) 0%, transparent 50%),
         linear-gradient(135deg, var(--navy-800) 0%, #0e2640 100%);
     padding: 70px 0 90px;
     text-align: center;
     border-bottom: 2px solid var(--gold-500);
     overflow: hidden;
 }

 .contact-hero__container {
     position: relative;
     z-index: 2;
 }

 .contact-hero__badge {
     width: 80px;
     height: 80px;
     margin: 0 auto 20px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.06);
     backdrop-filter: blur(8px);
     border: 2px solid rgba(202, 160, 76, 0.6);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--gold-400);
     font-size: 32px;
     box-shadow: 0 0 25px rgba(202, 160, 76, 0.3);
     animation: float 3s ease-in-out infinite;
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-8px);
     }
 }

 .contact-hero__title {
     font-size: 2.5rem;
     font-weight: 800;
     color: #ffffff;
     margin: 0 0 6px;
     text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }

 .contact-hero__divider {
     width: 60px;
     height: 3px;
     background: var(--gold-500);
     margin: 10px auto 16px;
     border-radius: 2px;
 }

 .contact-hero__sub {
     color: #cfd9e6;
     font-size: 1.05rem;
     max-width: 450px;
     margin: 0 auto;
     line-height: 1.7;
     opacity: 0.9;
 }

 .contact-hero__wave {
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 100%;
     line-height: 0;
     color: #fff;
     z-index: 1;
 }

 .contact-hero__wave svg {
     display: block;
     width: 100%;
     height: 60px;
 }

 @media (max-width: 768px) {
     .contact-hero {
         padding: 50px 0 70px;
     }

     .contact-hero__badge {
         width: 64px;
         height: 64px;
         font-size: 26px;
     }

     .contact-hero__title {
         font-size: 1.9rem;
     }
 }

 /* ==================== CONTACT SECTION ==================== */
 .contact-main {
     padding: 60px 0;
     background: #fff;
 }

 .contact__grid {
     display: grid;
     grid-template-columns: 1fr 1.2fr;
     gap: 40px;
     align-items: stretch;
 }

 .contact__info {
     background: #faf8f3;
     border-radius: 20px;
     padding: 30px;
     border: 1px solid rgba(202, 160, 76, 0.2);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
     display: flex;
     flex-direction: column;
     height: 100%;
     transition: box-shadow 0.3s, transform 0.3s;
 }

 .contact__info:hover {
     box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
     transform: translateY(-4px);
 }

 .contact__info-title {
     font-size: 1.3rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 20px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .contact__info-title i {
     color: var(--gold-500);
     font-size: 1.4rem;
 }

 .contact__info-item {
     display: flex;
     align-items: flex-start;
     gap: 14px;
     margin-bottom: 22px;
     padding: 12px;
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.5);
     transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
 }

 .contact__info-item:hover {
     background: #fff;
     transform: translateX(-4px);
     box-shadow: 0 4px 12px rgba(202, 160, 76, 0.15);
 }

 .contact__info-icon {
     width: 44px;
     height: 44px;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     flex-shrink: 0;
     box-shadow: 0 4px 10px rgba(202, 160, 76, 0.3);
     transition: transform 0.3s;
 }

 .contact__info-item:hover .contact__info-icon {
     transform: rotate(-10deg) scale(1.1);
 }

 .contact__info-text {
     font-size: 0.9rem;
     color: var(--ink-soft);
     flex: 1;
 }

 .contact__info-text strong {
     display: block;
     color: var(--navy-800);
     margin-bottom: 4px;
 }

 .contact__social {
     margin-top: auto;
     display: flex;
     gap: 8px;
 }

 .contact__social-link {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid var(--gold-500);
     color: var(--gold-500);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
     background: rgba(255, 255, 255, 0.5);
 }

 .contact__social-link:hover {
     background: var(--gold-500);
     color: #fff;
     transform: translateY(-3px);
     box-shadow: 0 6px 14px rgba(202, 160, 76, 0.4);
 }

 .contact__form {
     background: #fff;
     border-radius: 20px;
     padding: 30px;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
     border: 1px solid rgba(202, 160, 76, 0.2);
     display: flex;
     flex-direction: column;
     height: 100%;
     transition: box-shadow 0.3s, transform 0.3s;
 }

 .contact__form:hover {
     box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
     transform: translateY(-4px);
 }

 .contact__form-title {
     font-size: 1.3rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 20px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .contact__form-title i {
     color: var(--gold-500);
     font-size: 1.4rem;
 }

 .form-group {
     margin-bottom: 18px;
     flex-shrink: 0;
 }

 .form-group label {
     display: block;
     font-weight: 700;
     color: var(--navy-800);
     margin-bottom: 6px;
     font-size: 0.9rem;
 }

 .form-control {
     width: 100%;
     padding: 12px 16px;
     border: 2px solid #e1dcca;
     border-radius: 12px;
     font-family: inherit;
     font-size: 0.95rem;
     background: #fdfaf5;
     transition: all 0.3s ease;
 }

 .form-control:focus {
     outline: none;
     border-color: var(--gold-500);
     box-shadow: 0 0 0 4px rgba(202, 160, 76, 0.15);
     background: #fff;
     transform: scale(1.01);
 }

 .form-control:hover {
     border-color: var(--gold-400);
 }

 .contact__submit {
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #241a06;
     border: none;
     padding: 14px 30px;
     border-radius: 50px;
     font-weight: 700;
     font-size: .85rem;
     font-family: "Vazirmatn" !important;
     cursor: pointer;
     box-shadow: 0 8px 18px rgba(202, 160, 76, 0.4);
     transition: all 0.3s ease;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     align-self: flex-start;
     margin-top: auto;
 }

 .contact__submit:hover {
     background: linear-gradient(135deg, var(--gold-300, #e3c988), var(--gold-400));
     box-shadow: 0 12px 28px rgba(202, 160, 76, 0.6);
     transform: translateY(-3px);
 }

 .contact__submit i {
     transition: transform 0.3s;
 }

 .contact__submit:hover i {
     transform: translateX(-4px) rotate(10deg);
 }


 .contact__map {
     margin-top: 40px;
     border-radius: 20px;
     overflow: hidden;
     border: 2px solid var(--gold-500);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
 }

 .contact__map iframe {
     width: 100%;
     height: 350px;
     border: 0;
 }

 @media (max-width: 900px) {
     .contact__grid {
         grid-template-columns: 1fr;
     }

     .contact__info,
     .contact__form {
         height: auto;
     }
 }


 /* News Page Styles */

 /* ==================== NEWS HERO ==================== */
 /* ---------- هیروی اخبار ---------- */
 .news-hero {
     position: relative;
     background:
         radial-gradient(circle at 20% 30%, rgba(202, 160, 76, 0.15) 0%, transparent 50%),
         radial-gradient(circle at 80% 70%, rgba(202, 160, 76, 0.08) 0%, transparent 50%),
         linear-gradient(135deg, var(--navy-800) 0%, #0e2640 100%);
     padding: 70px 0 90px;
     /* افزایش padding برای جا دادن موج */
     text-align: center;
     border-bottom: 2px solid var(--gold-500);
     overflow: hidden;
 }

 .news-hero__container {
     position: relative;
     z-index: 2;
 }

 /* نشان شناور */
 .news-hero__badge {
     width: 80px;
     height: 80px;
     margin: 0 auto 20px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.06);
     backdrop-filter: blur(8px);
     border: 2px solid rgba(202, 160, 76, 0.6);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--gold-400);
     font-size: 32px;
     box-shadow: 0 0 25px rgba(202, 160, 76, 0.3);
     animation: news-badge-float 3s ease-in-out infinite;
 }

 @keyframes news-badge-float {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-8px);
     }
 }

 /* عنوان */
 .news-hero__title {
     font-size: 2.5rem;
     font-weight: 800;
     color: #ffffff;
     margin: 0 0 8px;
     text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }

 /* خط جداکننده طلایی */
 .news-hero__divider {
     width: 60px;
     height: 3px;
     background: var(--gold-500);
     margin: 10px auto 16px;
     border-radius: 2px;
 }

 /* زیرعنوان */
 .news-hero__sub {
     color: #cfd9e6;
     font-size: 1.05rem;
     max-width: 500px;
     margin: 0 auto;
     line-height: 1.7;
     opacity: 0.9;
 }

 /* موج پایین */
 .news-hero__wave {
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 100%;
     line-height: 0;
     color: #ffffff;
     /* رنگ بخش بعدی */
     z-index: 1;
 }

 .news-hero__wave svg {
     display: block;
     width: 100%;
     height: 60px;
 }

 /* واکنش‌گرایی */
 @media (max-width: 768px) {
     .news-hero {
         padding: 50px 0 70px;
     }

     .news-hero__badge {
         width: 64px;
         height: 64px;
         font-size: 26px;
     }

     .news-hero__title {
         font-size: 1.9rem;
     }

     .news-hero__sub {
         font-size: 0.95rem;
     }
 }

 /* ==================== NEWS LAYOUT (3 COL) ==================== */
 .news-layout {
     background: #fff;
     padding: 40px 0;
 }

 .news-layout__grid {
     display: grid;
     grid-template-columns: 250px 1fr 280px;
     gap: 30px;
     align-items: start;
 }

 @media (max-width: 1100px) {
     .news-layout__grid {
         grid-template-columns: 1fr 1fr;
         gap: 24px;
     }

     .news-main {
         grid-column: 1 / -1;
         order: -1;
     }

     .news-sidebar {
         order: 1;
         grid-column: auto;
     }

     .news-suggest {
         order: 2;
     }

     .news-sidebar,
     .news-suggest {
         position: static;
     }
 }

 @media (max-width: 768px) {
     .news-layout__grid {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .news-main {
         order: 1;
         grid-column: auto;
     }

     .news-sidebar {
         order: 2;
     }

     .news-suggest {
         order: 3;
     }

     .news-sidebar,
     .news-suggest {
         position: static;
     }

     .news-card__thumb {
         height: 180px;
     }

     .news-card__body {
         padding: 16px 16px 20px;
     }

     .category-list__link {
         padding: 10px 12px;
     }

     .suggest-item__thumb {
         width: 70px;
         height: 70px;
     }
 }

 /* Sidebar (Category) */
 .news-sidebar {
     background: #faf8f3;
     border-radius: 20px;
     padding: 24px 20px;
     border: 1px solid rgba(202, 160, 76, 0.2);
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
     position: sticky;
     top: 100px;
     transition: box-shadow 0.3s;
 }

 .news-sidebar:hover {
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
 }

 .news-sidebar__title {
     font-size: 1.15rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 18px;
     padding-bottom: 12px;
     border-bottom: 2px solid var(--gold-500);
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .news-sidebar__title i {
     color: var(--gold-500);
     font-size: 1.2rem;
 }

 .category-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .category-list__link {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 14px;
     border-radius: 14px;
     font-size: 0.9rem;
     font-weight: 600;
     color: var(--ink-soft);
     background: transparent;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .category-list__link:hover {
     background: #ffffff;
     color: var(--navy-800);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     transform: translateX(-4px);
 }

 .category-list__link i {
     width: 20px;
     font-size: 1rem;
     color: var(--gold-500);
     transition: color 0.3s, transform 0.3s;
 }

 .category-list__link:hover i {
     color: var(--gold-400);
     transform: scale(1.1);
 }

 .category-list__link span:first-of-type {
     flex: 1;
 }

 .category-list__count {
     background: rgba(202, 160, 76, 0.15);
     color: var(--gold-500);
     font-size: 0.75rem;
     font-weight: 700;
     padding: 2px 10px;
     border-radius: 20px;
     min-width: 28px;
     text-align: center;
     transition: all 0.3s;
 }

 .category-list__link:hover .category-list__count {
     background: var(--gold-500);
     color: #fff;
 }

 .category-list__link--active {
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #241a06 !important;
     box-shadow: 0 8px 16px rgba(202, 160, 76, 0.3);
     font-weight: 700;
 }

 .category-list__link--active i {
     color: #241a06;
 }

 .category-list__link--active .category-list__count {
     background: rgba(255, 255, 255, 0.4);
     color: #241a06;
     font-weight: 800;
 }

 @media (max-width: 768px) {
     .news-sidebar {
         position: static;
     }
 }

 /* Main news column */
 .news-card {
     background: #fff;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
     border: 1px solid rgba(202, 160, 76, 0.12);
     margin-bottom: 28px;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
 }

 .news-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 20px 32px rgba(11, 32, 56, 0.12);
     border-color: var(--gold-400);
 }

 .news-card__thumb {
     height: 220px;
     overflow: hidden;
     position: relative;
 }

 .news-card__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.6s ease, filter 0.6s;
 }

 .news-card:hover .news-card__thumb img {
     transform: scale(1.08);
     filter: brightness(0.9);
 }

 /* برچسب تاریخ شناور */
 .news-card__date-badge {
     position: absolute;
     bottom: 12px;
     right: 12px;
     background: rgba(11, 32, 56, 0.75);
     backdrop-filter: blur(6px);
     color: var(--gold-400);
     font-size: 0.75rem;
     font-weight: 600;
     padding: 4px 14px;
     border-radius: 30px;
     display: flex;
     align-items: center;
     gap: 6px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, color 0.3s;
 }

 .news-card:hover .news-card__date-badge {
     background: var(--gold-500);
     color: #241a06;
 }

 .news-card__body {
     padding: 20px 22px 24px;
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .news-card__category {
     display: inline-block;
     background: rgba(202, 160, 76, 0.1);
     color: var(--gold-500);
     font-size: 0.7rem;
     font-weight: 700;
     padding: 2px 12px;
     border-radius: 20px;
     text-transform: uppercase;
     letter-spacing: 0.4px;
     align-self: flex-start;
 }

 .news-card__title {
     font-size: 1.25rem;
     font-weight: 800;
     color: var(--navy-800);
     line-height: 1.4;
     margin: 0;
     transition: color 0.3s;
 }

 .news-card:hover .news-card__title {
     color: var(--navy-900);
 }

 .news-card__excerpt {
     font-size: 0.95rem;
     color: var(--ink-soft);
     line-height: 1.9;
     margin: 0;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .news-card__more {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     align-self: flex-start;
     margin-top: 6px;
     background: transparent;
     color: var(--gold-500);
     font-weight: 700;
     font-size: 0.9rem;
     padding: 8px 18px;
     border: 2px solid var(--gold-500);
     border-radius: 30px;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .news-card__more i {
     font-size: 0.8rem;
     transition: transform 0.3s;
 }

 .news-card__more:hover {
     background: var(--gold-500);
     color: #fff;
     box-shadow: 0 6px 16px rgba(202, 160, 76, 0.4);
 }

 .news-card__more:hover i {
     transform: translateX(-4px);
 }

 .pagination {
     display: flex;
     justify-content: center;
     gap: 10px;
     margin-top: 36px;
 }

 .pagination__link {
     width: 40px;
     height: 40px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     border: 1px solid var(--cream-dark);
     color: var(--ink-soft);
     font-weight: 700;
     font-size: 0.95rem;
     transition: all 0.25s;
     text-decoration: none;
 }

 .pagination__link:hover {
     background: var(--gold-400);
     color: #fff;
     border-color: var(--gold-400);
     box-shadow: 0 4px 10px rgba(202, 160, 76, 0.35);
     scale: 1.1;
 }

 .pagination__link--active {
     background: linear-gradient(135deg, var(--gold-400), var(--gold-500));
     color: #241a06;
     border-color: var(--gold-500);
     box-shadow: 0 6px 14px rgba(202, 160, 76, 0.4);
 }

 .pagination__link--next {
     font-size: 0.9rem;
 }

 @media (max-width: 600px) {
     .news-card__thumb {
         height: 180px;
     }

     .news-card__body {
         padding: 16px 16px 20px;
     }

     .pagination__link {
         width: 36px;
         height: 36px;
         font-size: 0.85rem;
     }

     .news-card__title {
         font-size: 1rem;
     }

     .news-card__body p {
         font-size: 0.75rem;
     }

     .news-card__more {
         font-size: 0.7rem;
     }

 }

 .news-suggest {
     background: #ffffff;
     border-radius: 20px;
     padding: 24px 20px;
     border: 1px solid rgba(202, 160, 76, 0.25);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
     position: sticky;
     top: 100px;
     transition: box-shadow 0.3s;
 }

 .news-suggest:hover {
     box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
 }

 .news-suggest__title {
     font-size: 1.15rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 18px;
     padding-bottom: 12px;
     border-bottom: 2px solid var(--gold-500);
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .news-suggest__title i {
     color: var(--gold-500);
     font-size: 1.1rem;
 }

 .suggest-item {
     display: flex;
     gap: 14px;
     margin-bottom: 18px;
     padding: 10px;
     border-radius: 16px;
     background: rgba(250, 248, 243, 0.5);
     border: 1px solid transparent;
     transition: all 0.3s ease;
 }

 .suggest-item:last-child {
     margin-bottom: 0;
 }

 .suggest-item:hover {
     background: #fff;
     border-color: var(--gold-400);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
     transform: translateX(-4px);
 }

 .suggest-item__thumb {
     width: 80px;
     height: 80px;
     border-radius: 14px;
     overflow: hidden;
     flex-shrink: 0;
     position: relative;
 }

 .suggest-item__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s;
 }

 .suggest-item:hover .suggest-item__thumb img {
     transform: scale(1.08);
 }

 .suggest-item__badge {
     position: absolute;
     top: 6px;
     right: 6px;
     background: linear-gradient(135deg, #dc3545, #ff4757);
     color: #fff;
     font-size: 0.65rem;
     font-weight: 700;
     padding: 2px 8px;
     border-radius: 20px;
     line-height: 1.6;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     letter-spacing: 0.3px;
 }

 .suggest-item__info {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .suggest-item__title {
     font-size: 0.85rem;
     font-weight: 700;
     color: var(--navy-800);
     line-height: 1.6;
     margin: 0 0 8px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     transition: color 0.3s;
 }

 .suggest-item:hover .suggest-item__title {
     color: var(--gold-500);
 }

 .suggest-item__meta {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .suggest-item__date,
 .suggest-item__views {
     font-size: 0.7rem;
     color: var(--ink-soft);
     display: flex;
     align-items: center;
     gap: 4px;
 }

 .suggest-item__date i,
 .suggest-item__views i {
     font-size: 0.75rem;
     color: var(--gold-500);
 }

 @media (max-width: 768px) {
     .news-suggest {
         position: static;
     }

     .suggest-item__thumb {
         width: 70px;
         height: 70px;
     }
 }


 /* News Page Styles */

 /* ---------- صفحه مقاله ---------- */
 .article-page {
     background: #fff;
     padding: 40px 0 60px;
 }

 .article-layout {
     display: grid;
     grid-template-columns: 1fr 320px;
     /* محتوای اصلی + سایدبار */
     gap: 50px;
     align-items: start;
 }

 /* ---------- محتوای اصلی ---------- */
 .article-main {
     /* استایل اضافی نمی‌خواهد */
 }

 /* هدر خبر */
 .article-header {
     margin-bottom: 30px;
 }

 .article-category {
     display: inline-block;
     background: rgba(202, 160, 76, 0.1);
     color: var(--gold-500);
     font-size: 0.75rem;
     font-weight: 700;
     padding: 4px 14px;
     border-radius: 30px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     margin-bottom: 16px;
 }

 .article-title {
     font-size: 2.2rem;
     font-weight: 800;
     color: var(--navy-800);
     line-height: 1.3;
     margin: 0 0 16px;
 }

 .article-meta {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
     align-items: center;
     color: var(--ink-soft);
     font-size: 0.9rem;
     margin-bottom: 24px;
     padding-bottom: 20px;
     border-bottom: 1px solid var(--cream-dark);
 }

 .article-meta i {
     color: var(--gold-500);
     margin-left: 4px;
 }

 .article-author {
     display: flex;
     align-items: center;
     gap: 6px;
 }

 /* تصویر شاخص */
 .article-featured {
     border-radius: 16px;
     overflow: hidden;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
 }

 .article-featured img {
     width: 100%;
     height: auto;
     display: block;
 }

 /* بدنه خبر */
 .article-body {
     font-size: 1.05rem;
     line-height: 2.1;
     color: var(--ink);
 }

 .article-body p {
     margin-bottom: 24px;
 }

 .article-body blockquote {
     background: #faf8f3;
     border-right: 5px solid var(--gold-500);
     padding: 20px 28px;
     margin: 32px 0;
     border-radius: 12px;
     color: var(--navy-800);
     font-style: italic;
     font-size: 1.1rem;
     position: relative;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
 }

 /* نقل قول نقل قول */
 .article-body blockquote::before {
     content: "\201C";
     font-size: 3rem;
     color: var(--gold-500);
     position: absolute;
     top: -10px;
     right: 16px;
     opacity: 0.4;
     line-height: 1;
 }

 /* جعبه اشتراک‌گذاری */
 .share-box {
     margin-top: 30px;
     padding-top: 24px;
     border-top: 1px solid var(--cream-dark);
     display: flex;
     align-items: center;
     gap: 12px;
     flex-wrap: wrap;
 }

 .share-box span {
     font-weight: 700;
     color: var(--navy-800);
     margin-left: 8px;
 }

 .share-link {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     border: 2px solid var(--gold-500);
     color: var(--gold-500);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
     font-size: 1rem;
     background: #fff;
 }

 .share-link:hover {
     background: var(--gold-500);
     color: #fff;
     transform: translateY(-3px);
     box-shadow: 0 6px 12px rgba(202, 160, 76, 0.4);
 }

 /* ---------- سایدبار پیشنهادی ---------- */
 .article-sidebar {
     position: sticky;
     top: 100px;
 }

 .article-suggest {
     background: #faf8f3;
     border-radius: 20px;
     padding: 24px;
     border: 1px solid rgba(202, 160, 76, 0.2);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
     transition: box-shadow 0.3s;
 }

 .article-suggest:hover {
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
 }

 .article-suggest__title {
     font-size: 1.15rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 18px;
     padding-bottom: 12px;
     border-bottom: 2px solid var(--gold-500);
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .article-suggest__title i {
     color: var(--gold-500);
 }

 .suggest-item {
     display: flex;
     gap: 12px;
     margin-bottom: 16px;
     padding: 10px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.6);
     transition: all 0.3s ease;
     border: 1px solid transparent;
 }

 .suggest-item:last-child {
     margin-bottom: 0;
 }

 .suggest-item:hover {
     background: #fff;
     border-color: var(--gold-400);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
     transform: translateX(-4px);
 }

 .suggest-item__thumb {
     width: 75px;
     height: 75px;
     border-radius: 12px;
     overflow: hidden;
     flex-shrink: 0;
 }

 .suggest-item__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s;
 }

 .suggest-item:hover .suggest-item__thumb img {
     transform: scale(1.05);
 }

 .suggest-item__info {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .suggest-item__title {
     font-size: 0.9rem;
     font-weight: 700;
     color: var(--navy-800);
     line-height: 1.5;
     margin-bottom: 6px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     transition: color 0.3s;
 }

 .suggest-item:hover .suggest-item__title {
     color: var(--gold-500);
 }

 .suggest-item__date {
     font-size: 0.75rem;
     color: var(--ink-soft);
     display: flex;
     align-items: center;
     gap: 4px;
 }

 @media (max-width: 950px) {
     .article-layout {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .article-sidebar {
         position: static;
     }
 }

 @media (max-width: 600px) {
     .article-page {
         padding: 30px 0 40px;
     }

     .article-title {
         font-size: 1.7rem;
     }

     .article-meta {
         gap: 16px;
         font-size: 0.85rem;
     }

     .article-body {
         font-size: .9rem;
         line-height: 2;
     }

     .article-body blockquote {
         font-size: .9rem;
         padding: 16px 20px;
     }

     .share-box {
         justify-content: center;
     }

     .suggest-item__thumb {
         width: 65px;
         height: 65px;
     }

     .suggest-item__title {
         font-size: .8rem;
     }
 }



 /* Exhibitions Styles */


 .conf-hero {
     background: linear-gradient(135deg, var(--navy-800), #0e2640);
     padding: 50px 0 40px;
     text-align: center;
     border-bottom: 2px solid var(--gold-500);
     position: relative;
     overflow: hidden;
 }

 .conf-hero::before {
     content: "";
     position: absolute;
     top: -60px;
     right: -60px;
     width: 200px;
     height: 200px;
     background: radial-gradient(circle, rgba(202, 160, 76, 0.2) 0%, transparent 70%);
     border-radius: 50%;
 }

 .conf-hero__badge {
     width: 64px;
     height: 64px;
     margin: 0 auto 16px;
     border: 2px solid var(--gold-500);
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.05);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--gold-400);
     font-size: 28px;
 }

 .conf-hero__title {
     font-size: 2.2rem;
     font-weight: 800;
     color: #fff;
     margin: 0 0 8px;
 }

 .conf-hero__sub {
     color: #c9d3e0;
     font-size: 1rem;
 }

 /* MAIN CONTENT */
 .conferences-page {
     background: #fff;
     padding: 40px 0 60px;
 }

 .conf-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
 }

 .conf-card {
     background: #ffffff;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
     border: 1px solid rgba(202, 160, 76, 0.12);
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
     display: flex;
     flex-direction: column;
     height: 100%;
     position: relative;
 }

 .conf-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     background: linear-gradient(90deg, var(--gold-500), var(--gold-400));
     transform: scaleX(0);
     transition: transform 0.3s ease;
     z-index: 2;
     border-radius: 0 0 4px 4px;
 }

 .conf-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 20px 32px rgba(11, 32, 56, 0.1);
     border-color: var(--gold-400);
 }

 .conf-card:hover::before {
     transform: scaleX(1);
 }

 .conf-card__thumb {
     height: 200px;
     overflow: hidden;
     position: relative;
 }

 .conf-card__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.6s ease, filter 0.6s;
 }

 .conf-card:hover .conf-card__thumb img {
     transform: scale(1.08);
     filter: brightness(0.95);
 }

 .conf-card__date {
     position: absolute;
     bottom: 12px;
     right: 12px;
     background: rgba(11, 32, 56, 0.7);
     backdrop-filter: blur(6px);
     color: var(--gold-400);
     font-size: 0.75rem;
     font-weight: 600;
     padding: 4px 14px;
     border-radius: 30px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, color 0.3s;
 }

 .conf-card:hover .conf-card__date {
     background: var(--gold-500);
     color: #241a06;
 }

 .conf-card__body {
     padding: 18px 20px 22px;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 .conf-card__title {
     font-size: 1.05rem;
     font-weight: 800;
     color: var(--navy-800);
     margin: 0 0 10px;
     line-height: 1.4;
     transition: color 0.3s;
 }

 .conf-card:hover .conf-card__title {
     color: var(--gold-500);
 }

 .conf-card__excerpt {
     font-size: 0.9rem;
     color: var(--ink-soft);
     line-height: 1.9;
     margin: 0 0 14px;
     flex: 1;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .conf-card__more {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     align-self: flex-start;
     margin-top: auto;
     background: transparent;
     color: var(--gold-500);
     font-weight: 700;
     font-size: 0.85rem;
     padding: 8px 18px;
     border: 2px solid var(--gold-500);
     border-radius: 30px;
     transition: all 0.3s ease;
     text-decoration: none;
 }

 .conf-card__more i {
     font-size: 0.7rem;
     transition: transform 0.3s;
 }

 .conf-card__more:hover {
     background: var(--gold-500);
     color: #fff;
     box-shadow: 0 6px 14px rgba(202, 160, 76, 0.4);
 }

 .conf-card__more:hover i {
     transform: translateX(-4px);
 }

 @media (max-width: 1100px) {
     .conf-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
     }
 }

 @media (max-width: 800px) {
     .conf-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
     }

     .conf-card__thumb {
         height: 170px;
     }

     .conf-card__title {
         font-size: 0.95rem;
     }

     .conf-card__excerpt {
         font-size: 0.8rem;
     }
 }

 @media (max-width: 500px) {
     .conf-grid {
         grid-template-columns: 1fr;
         max-width: 360px;
         margin: 0 auto;
         gap: 20px;
     }

     .conf-card__thumb {
         height: 200px;
     }

     .conf-card__body {
         padding: 14px 16px 18px;
     }

     .conf-card__title {
         font-size: 1rem;
     }

     .conf-card__excerpt {
         font-size: 0.85rem;
     }
 }