@import url('/assets/css/fonts.css');

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Vazirmatn',Tahoma,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.8}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:14px 28px;border-radius:14px;font-weight:700;text-decoration:none;transition:all .3s;cursor:pointer;border:none;font-family:'Vazirmatn',Tahoma;font-size:16px}
.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:white;box-shadow:0 4px 15px rgba(124,58,237,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,.4)}
.btn-white{background:white;color:#7c3aed;border:2px solid #e9d5ff}.btn-white:hover{border-color:#7c3aed;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.btn-success{background:#22c55e;color:white}.btn-success:hover{background:#16a34a}
.btn-danger{background:#ef4444;color:white}.btn-danger:hover{background:#dc2626}
.card{background:white;border-radius:20px;padding:28px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #f1f5f9}
.text-gradient{background:linear-gradient(135deg,#7c3aed,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.text-purple{color:#7c3aed}.text-pink{color:#ec4899}.text-blue{color:#3b82f6}.text-green{color:#22c55e}.text-orange{color:#f97316}.text-gray{color:#64748b}.text-white{color:white}
.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.text-6xl{font-size:60px}.text-9xl{font-size:128px}
.font-bold{font-weight:700}.font-black{font-weight:900}
.text-center{text-align:center}.text-right{text-align:right}
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid #e2e8f0;padding:10px 0;box-shadow:0 1px 3px rgba(0,0,0,.04)}
nav a{text-decoration:none;color:#64748b;font-weight:600;font-size:15px;transition:color .3s}nav a:hover{color:#7c3aed}
footer{background:#0f172a;color:white;padding:60px 0;margin-top:80px}footer a{color:#a78bfa;text-decoration:none}footer a:hover{color:#c4b5fd}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#9333ea,#ec4899);border-radius:4px}
.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}
.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}
.m-0{margin:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mt-24{margin-top:96px}
.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}
.mx-auto{margin-left:auto;margin-right:auto}
.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}
.py-3{padding-top:12px;padding-bottom:12px}.py-12{padding-top:48px;padding-bottom:48px}.py-16{padding-top:64px;padding-bottom:64px}.py-20{padding-top:80px;padding-bottom:80px}.py-24{padding-top:96px;padding-bottom:96px}
.px-4{padding-left:16px;padding-right:16px}.px-8{padding-left:32px;padding-right:32px}
.bg-white{background:white}.bg-gray-50{background:#f9fafb}.bg-gray-100{background:#f3f4f6}.bg-gray-900{background:#0f172a}
.bg-purple-50{background:#faf5ff}.bg-purple-100{background:#f3e8ff}.bg-purple-600{background:#7c3aed}
.bg-pink-50{background:#fdf2f8}.bg-pink-100{background:#fce7f3}
.bg-blue-50{background:#eff6ff}
.bg-green-50{background:#f0fdf4}.bg-green-100{background:#dcfce7}.bg-green-600{background:#16a34a}
.bg-red-100{background:#fee2e2}.bg-red-600{background:#dc2626}
.bg-orange-50{background:#fff7ed}.bg-orange-500{background:#f97316}
.bg-teal-50{background:#f0fdfa}
.bg-gradient-purple{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.bg-gradient-hero{background:linear-gradient(135deg,#faf5ff,#fce7f3,#eff6ff)}
.bg-gradient-cta{background:linear-gradient(135deg,#7c3aed,#ec4899,#f97316)}
.border{border:1px solid #e2e8f0}.border-2{border:2px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}
.border-purple-200{border-color:#e9d5ff}.border-purple-500{border-color:#a855f7}.border-orange-500{border-color:#f97316}.border-green-300{border-color:#86efac}.border-red-300{border-color:#fca5a5}
.border-t-4{border-top-width:4px}
.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.rounded-full{border-radius:999px}
.shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,.05)}.shadow{box-shadow:0 4px 20px rgba(0,0,0,.08)}.shadow-xl{box-shadow:0 10px 30px rgba(0,0,0,.1)}.shadow-2xl{box-shadow:0 20px 60px rgba(0,0,0,.15)}
.w-full{width:100%}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.max-w-7xl{max-width:1280px}
.min-h-screen{min-height:100vh}.h-full{height:100%}
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}
.inset-0{top:0;right:0;bottom:0;left:0}.-top-40{top:-160px}.-right-40{right:-160px}.-left-20{left:-80px}
.bottom-8{bottom:32px}.right-8{right:32px}.-top-3{top:-12px}.top-0{top:0}.left-4{left:16px}.top-4{top:16px}.right-1\/2{right:50%}
.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}
.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x-auto}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@keyframes bounce-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse-slow{0%,100%{opacity:.2}50%{opacity:.4}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp {
    from { opacity: 0; transform: translateX(-50%) translateY(20px); }
    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.animate-float{animation:float 6s ease-in-out infinite}.animate-bounce-slow{animation:bounce-slow 3s infinite}.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn .3s ease}
.hover\:-translate-y-1:hover{transform:translateY(-4px)}.hover\:-translate-y-2:hover{transform:translateY(-8px)}
.hover\:shadow-lg:hover{box-shadow:0 10px 30px rgba(0,0,0,.1)}.hover\:shadow-xl:hover{box-shadow:0 15px 40px rgba(0,0,0,.15)}.hover\:shadow-2xl:hover{box-shadow:0 20px 60px rgba(0,0,0,.2)}
.scale-105{transform:scale(1.05)}
.transition{transition:all .3s}.transition-all{transition:all .3s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}
table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:right;font-size:13px}th{background:#f8fafc;font-weight:700;color:#475569}td{border-top:1px solid #f1f5f9}
input,select,textarea{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:'Vazirmatn',Tahoma;transition:border .3s;background:white}input:focus,select:focus,textarea:focus{outline:none;border-color:#7c3aed}
label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:6px}
.badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700}
.badge-purple{background:#f3e8ff;color:#7c3aed}.badge-green{background:#dcfce7;color:#16a34a}.badge-red{background:#fef2f2;color:#dc2626}.badge-orange{background:#fff7ed;color:#ea580c}.badge-blue{background:#dbeafe;color:#2563eb}
.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}
.hidden{display:none}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}
.blur-3xl{filter:blur(64px)}.backdrop-blur-xl{backdrop-filter:blur(20px)}
.select-all{user-select:all}.whitespace-nowrap{white-space:nowrap}
.translate-x-1\/2{transform:translateX(50%)}
.col-span-2{grid-column:span 2}
.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.w-\[500px\]{width:500px}.h-\[500px\]{height:500px}.w-\[400px\]{width:400px}.h-\[400px\]{height:400px}
.inline-flex{display:inline-flex}.inline-block{display:inline-block}
.leading-tight{line-height:1.2}.leading-relaxed{line-height:1.8}
@media(max-width:768px){.hidden-mobile{display:none!important}.show-mobile{display:block!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}.text-5xl{font-size:32px}.text-7xl{font-size:40px}nav .hidden-mobile{display:none}.w-\[500px\]{width:300px}.h-\[500px\]{height:300px}}
@media(min-width:769px){.show-mobile{display:none!important}}