:root{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-light: #a78bfa;--secondary: #ec4899;--accent: #14f195;--accent-orange: #fb923c;--bg-dark: #0a0118;--bg-darker: #050008;--bg-card: #1a0b2e;--bg-card-hover: #2d1b4e;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #2d1b4e;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--gradient-success: linear-gradient(135deg, #14f195 0%, #10b981 100%);--gradient-bg: linear-gradient(to bottom, #0a0118, #1a0b2e, #0a0118)}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Inter,sans-serif;background:var(--gradient-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(20,241,149,.1) 0%,transparent 50%);pointer-events:none;z-index:0}button{cursor:pointer;transition:all .3s ease;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.btn-primary{background:var(--gradient-primary);color:#fff;padding:.875rem 2rem;border-radius:.75rem;border:none;font-weight:600;font-size:1rem;box-shadow:0 4px 15px #6366f166;transform:translateY(0)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-secondary{background:transparent;color:var(--primary-light);padding:.875rem 2rem;border-radius:.75rem;border:2px solid var(--primary-light);font-weight:600;font-size:1rem;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-light);color:#fff;transform:translateY(-2px)}.card{background:rgba(26,11,46,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.2);border-radius:1rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #7c3aed4d;border-color:#7c3aed80}.text-gradient{background:linear-gradient(to right,#60a5fa,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.text-gradient-green{background:var(--gradient-success);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-card{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(148,163,184,.1);border-radius:1.5rem;padding:2rem;transition:all .4s ease;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.pricing-card:hover:before{transform:scaleX(1)}.pricing-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #6366f14d}.pricing-card.featured{border-color:var(--primary);background:rgba(99,102,241,.1);transform:scale(1.05)}.pricing-card.featured:before{transform:scaleX(1)}.stat-card{background:var(--gradient-primary);border-radius:1rem;padding:1.5rem;color:#fff;box-shadow:0 8px 16px #6366f14d;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #6366f166}.stat-card.green{background:var(--gradient-success);box-shadow:0 8px 16px #10b9814d}.stat-card.green:hover{box-shadow:0 12px 24px #10b98166}.stat-card.blue{background:var(--gradient-3);box-shadow:0 8px 16px #4facfe4d}.stat-card.blue:hover{box-shadow:0 12px 24px #4facfe66}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-popular{background:var(--gradient-2);color:#fff}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.pb-12{padding-bottom:3rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.rounded-full{border-radius:9999px}.cursor-pointer{cursor:pointer}.relative{position:relative}.absolute{position:absolute}.opacity-80{opacity:.8}.opacity-100{opacity:1}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease}@media (max-width: 768px){.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}}input{width:100%;padding:.875rem 1rem;border-radius:.75rem;border:2px solid var(--border);background:rgba(30,41,59,.6);color:var(--text-main);font-size:1rem;font-family:inherit;transition:all .3s ease}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}input::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}
