:root {
    --font-primary: 'Vazirmatn','IRANSansX','Tahoma','Arial',sans-serif;
    --font-weight-light:300;
    --font-weight-regular:400;
    --font-weight-medium:500;
    --font-weight-bold:700;
    --font-weight-black:900;
    --font-size-hero:clamp(2.5rem,6vw,4.5rem);
    --font-size-title:clamp(2rem,4vw,3.5rem);
    --font-size-subtitle:clamp(1.2rem,2vw,1.8rem);
    --font-size-body:clamp(1rem,1.1vw,1.2rem);
    --font-size-small:clamp(.85rem,.9vw,1rem);
    --primary:#103324;
    --secondary:#184230;
    --dark:#0B2218;
    --primary-rgb:16,51,36;
    --dark-rgb:11,34,24;
    --card:#214A39;
    --card-hover:#295743;
    --gold:#D6B15F;
    --gold-light:#E9C97B;
    --white:#FFFFFF;
    --text:#EDF2EE;
    --text-light:#C9D8CF;
    --shadow:0 15px 40px rgba(0,0,0,.30);
    --shadow-gold:0 15px 40px rgba(214,177,95,.25);
    --shadow-gold-hover:0 20px 55px rgba(214,177,95,.35);
    --radius:30px;
    --radius-sm:20px;
    --radius-lg:40px;
    --transition:.35s ease;
    --transition-fast:.2s ease;
    --transition-slow:.7s ease;
    --section-padding:clamp(60px,10vh,120px);
    --container-width:90%;
    --container-max:1400px;
}
body {
    background: var(--primary);
    color: var(--text);
    font-family: IRANSansX, sans-serif;
    line-height: 1.9;
}
a {
    text-decoration: none;
    transition: color var(--transition), background var(--transition), transform var(--transition);
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.container {
    width: var(--container-width);
    max-width: var(--container-max);
    margin: auto;
}
section {
    padding: var(--section-padding) 0;
    position: relative;
    overflow: hidden;
}
.main-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--gold), var(--gold-light));
    color: var(--primary);
    font-weight: 700;
    transition: transform var(--transition), box-shadow var(--transition);
    will-change: transform;
}
.main-btn:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-gold-hover);
}
.hero-btn2 {
    display: inline-flex;
    padding: 18px 40px;
    border-radius: 50px;
    border: 1px solid rgba(214, 177, 95, 0.25);
    color: var(--white);
    margin-right: 20px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(15px);
    transition: background var(--transition), color var(--transition), transform var(--transition);
    will-change: transform;
}
.hero-btn2:hover {
    background: var(--gold);
    color: var(--primary);
    transform: translateY(-3px);
}