:root {
--indigo: #6366F1;
--dark: #050505;
--light-bg: #F8FAFC;
--text-main: #1E293B;
--indigo-primary: #6366f1;
--indigo-soft: rgba(99, 102, 241, 0.1);
}
@font-face {
    font-family: 'iransans';
    src: url('fonts/IRANSans.eot?#') format('eot'),  /* IE6ā€“8 */
    url('fonts/IRANSans.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
    url('fonts/IRANSans.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    font-weight: 300;
}

/* Navbar Styling */
.navbar-custom {
transition: all 0.4s ease;
padding: 20px 0;
background: transparent;
}
.nav-scrolled {
background: rgba(255, 255, 255, 0.9) !important;
backdrop-filter: blur(10px);
padding: 10px 0;
}
.navbar-brand img { height: 35px; }
.nav-link { font-weight: 500; color: var(--text-main) !important; margin: 0 10px; }

/* Hero Section V2 */
.hero-web-v2 {
min-height: 100vh;
background: radial-gradient(circle at 10% 20%, rgba(99, 102, 241, 0.05) 0%, transparent 50%);
padding-top: 100px;
}
.text-gradient-web {
background: linear-gradient(90deg, var(--indigo), #06B6D4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.floating-anim {
animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}

/* پنجره کد شیشه‌ای */
.glass-code-window {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 20px;
font-family: 'Courier New', Courier, monospace;
direction: ltr;
}

.code-text { color: #1e293b; font-size: 0.9rem; }
.token-keyword { color: #d33682; }
.token-string { color: #2aa198; }
.token-function { color: #268bd2; }





/* Cards & Glassmorphism */
.web-card-v2 {
border-radius: 40px;
background: white;
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: 1px solid #f1f5f9;
}
.web-card-v2:hover { transform: scale(1.03); }
.featured { border: 2px solid var(--indigo); transform: scale(1.05); }

/* Dark Section Transition */
.ai-dark-section {
background: linear-gradient(180deg, #fff 0%, var(--dark) 20%);
}
.gradient-text {
background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.glass-card-v2 {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(15px);
border-radius: 35px;
border: 1px solid rgba(255,255,255,0.1);
}

/* Utilities */
.py-100 { padding: 100px 0; }
.mb-100 { margin-bottom: 100px; }
.bg-indigo-soft { background: rgba(99, 102, 241, 0.1); }
.rounded-5 { border-radius: 3rem !important; }

.bg-indigo { background-color: var(--indigo-primary); }
.bg-indigo-subtle { background-color: var(--indigo-soft); }
.btn-indigo { background-color: var(--indigo-primary); color: white; border: none; }
.btn-indigo:hover { background-color: #4f46e5; color: white; }
.btn-outline-indigo { border: 1px solid var(--indigo-primary); color: var(--indigo-primary); }