:root {
    --radius: 1.5rem;
}
@font-face {
    font-family:'Vazirmatn' ;
    src: url("../font/Vazirmatn-Regular.woff2");
}
body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #ffffff;
    color: #0a0a0a;
    scroll-behavior: smooth;
}

.gradient-yellow {
    background: linear-gradient(135deg, #FFC700 0%, #FFD700 100%);
}
.gradient-yellow-radial {
    background: radial-gradient(circle at top right, #FFD700, #FFC700);
}
.gradient-mesh {
    background: 
        radial-gradient(at 27% 37%, #FFC700 0px, transparent 50%),
        radial-gradient(at 97% 21%, #FFD700 0px, transparent 50%),
        radial-gradient(at 52% 99%, #FFB600 0px, transparent 50%),
        radial-gradient(at 10% 29%, #FFC700 0px, transparent 50%);
}
.text-gradient {
    background: linear-gradient(135deg, #FFC700 0%, #FFD700 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.pattern-dots {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

.fade-in-up { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.fade-in-up.visible { opacity: 1; transform: translateY(0); }

.fade-in-right { opacity: 0; transform: translateX(30px); transition: all 0.8s ease-out; }
.fade-in-right.visible { opacity: 1; transform: translateX(0); }

.fade-in-left { opacity: 0; transform: translateX(-30px); transition: all 0.8s ease-out; }
.fade-in-left.visible { opacity: 1; transform: translateX(0); }