@font-face{font-family:IranSans;src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb.eot);src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb.eot?#iefix)format("embedded-opentype"),url(/fonts/WebFonts/fonts/woff2/IRANSansWeb.woff2)format("woff2"),url(/fonts/WebFonts/fonts/woff/IRANSansWeb.woff)format("woff"),url(/fonts/WebFonts/fonts/ttf/IRANSansWeb.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IranSans;src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb_Bold.eot);src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb_Bold.eot?#iefix)format("embedded-opentype"),url(/fonts/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2)format("woff2"),url(/fonts/WebFonts/fonts/woff/IRANSansWeb_Bold.woff)format("woff"),url(/fonts/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}
.bubble-container{pointer-events:auto;z-index:5;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.bubble{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;z-index:10;will-change:transform,opacity;background:#fff9;border:3px solid #fffc;transition:transform .3s,opacity .3s,background .3s,box-shadow .3s,border-radius .3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;box-shadow:0 0 25px #ffffffb3,inset 0 0 20px #ffffff80}.bubble.circle{border-radius:50%}.bubble.square{border-radius:10%}.bubble.rounded-square{border-radius:20%}.bubble:hover{z-index:20;filter:brightness(1.2);border:1px solid #fffc;transition:all .3s;animation-play-state:paused;transform:scale(1.5)translateY(-5px);box-shadow:0 0 20px #fffc,inset 0 0 12px #fff9;background:#ffffff80!important}.bubble:after{content:"";filter:blur(3px);transition:opacity .3s,border-radius .3s;position:absolute;inset:0}.bubble.circle:after{background:radial-gradient(circle at 30% 30%,#fff9,#0000 70%);border-radius:50%}.bubble.square:after{background:linear-gradient(135deg,#fff9 0%,#0000 70%);border-radius:10%}.bubble.rounded-square:after{background:radial-gradient(at 30% 30%,#fff9,#0000 70%);border-radius:20%}.bubble:hover:after{opacity:.9}.dark .bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 0 15px #ffffff1a,inset 0 0 10px #ffffff0d}.dark .bubble:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 20px #fff3,inset 0 0 15px #ffffff1a}.dark .bubble.shine-1{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 0 20px #ffffff26,inset 0 0 15px #ffffff14}.dark .bubble.shine-2{background:#ffffff12;border-color:#ffffff26;box-shadow:0 0 15px #ffffff1a,inset 0 0 10px #ffffff0d}.dark .bubble.shine-3{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 0 15px #ffffff14,inset 0 0 10px #ffffff08}@keyframes float-up{0%{opacity:.9;transform:translateY(0)translate(0)rotate(0)}5%{opacity:1}20%{transform:translateY(-20vh)translateX(calc(var(--section-width)*.15))rotate(calc(var(--rotate)*.2));opacity:1}40%{transform:translateY(-40vh)translateX(calc(var(--section-width)*.3))rotate(calc(var(--rotate)*.4));opacity:.95}50%{transform:translateY(-50vh)translateX(calc(var(--section-width)*.4))rotate(calc(var(--rotate)*.6));opacity:.9}70%{transform:translateY(-70vh)translateX(calc(var(--section-width)*.6))rotate(calc(var(--rotate)*.8));opacity:.85}85%{transform:translateY(-85vh)translateX(calc(var(--section-width)*.7))rotate(calc(var(--rotate)*.9));opacity:.7}to{transform:translateY(-100vh)translateX(calc(var(--section-width)*.8))rotate(var(--rotate));opacity:.2}}@keyframes wobble{0%,to{transform:translate(0)}33%{transform:translateX(var(--wobble-distance,5px))}66%{transform:translateX(calc(var(--wobble-distance,5px)*-1))}}@keyframes pop{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{animation:40s linear infinite scroll-left}.animate-scroll:hover{animation-play-state:paused}
.enhanced-bubbles-container{z-index:-1;pointer-events:none;contain:paint;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.2)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.enhanced-bubbles-container svg circle{filter:drop-shadow(0 0 5px #ffffffe6);will-change:transform,opacity}.enhanced-bubbles-container>div:not(.enhanced-bubbles-container){will-change:transform,opacity;background-color:#ffffffb3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 20px #fffc,inset 0 0 10px #ffffff80}
.simple-bubble-container{z-index:-1!important;pointer-events:none!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important}.simple-bubble{z-index:-1!important;pointer-events:none!important;border:3px solid #fff!important;border-radius:50%!important;position:absolute!important;box-shadow:0 0 30px #fff!important}
.bubble-controller{z-index:99999;font-family:Arial,sans-serif;position:fixed;bottom:20px;right:20px}.controller-toggle{color:#fff;cursor:pointer;background-color:#8b5cf6;border:none;border-radius:8px;padding:10px 15px;font-size:14px;transition:all .3s;box-shadow:0 4px 6px #0000001a}.controller-toggle:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.controller-panel{color:#fff;background-color:#0f0721f2;border:2px solid #8b5cf6;border-radius:12px;width:250px;padding:15px;position:absolute;bottom:50px;right:0;box-shadow:0 8px 16px #0003}.controller-panel h3{text-align:center;color:#8b5cf6;border-bottom:1px solid #8b5cf6;margin-top:0;margin-bottom:15px;padding-bottom:8px;font-size:16px}.control-group{margin-bottom:12px}.control-group label{cursor:pointer;align-items:center;font-size:14px;display:flex}.control-group input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;width:16px;height:16px;margin-right:10px}.control-group input[type=range]{accent-color:#8b5cf6;cursor:pointer;width:100%;margin-top:8px}
:root{--nav-bg-light:#4558be;--nav-bg-dark:#190b3e;--nav-border-light:#4558be4d;--nav-border-dark:#190b3e4d;--categories-bg-light:#8693d6;--categories-bg-dark:#2f1b6e;--categories-border-light:#8693d64d;--categories-border-dark:#2f1b6e4d;--subcategory-bg-light:#8693d6e6;--subcategory-bg-dark:#2f1b6ee6;--subcategory-border-light:#8693d680;--subcategory-border-dark:#2f1b6e80;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#60a5fa;--primary-dark:#1d4ed8;--primary-transparent-5:#3b82f60d;--primary-transparent-10:#3b82f61a;--primary-transparent-20:#3b82f633;--primary-transparent-30:#3b82f64d;--primary-transparent-50:#3b82f680;--primary-transparent-70:#3b82f6b3;--bg-light:#f0f0f2;--bg-light-card:#e2e4e6;--bg-light-hover:#fff;--bg-dark:#1a0b3e;--bg-dark-deeper:#0f0721;--bg-dark-card:#1a0b3e;--bg-dark-hover:#1f1642;--bg-dark-hover-subtle:#251463;--text-light-primary:#09090a;--text-light-secondary:#6b7280;--text-light-muted:#9ca3af;--text-dark-primary:#fff;--text-dark-secondary:#d1d5db;--text-dark-muted:#9ca3af;--border-light:#3b82f64d;--border-light-hover:#3b82f6b3;--border-dark:#3b82f633;--border-dark-hover:#3b82f699;--border-dark-subtle:#ffffff4d;--border-dark-subtle-hover:#ffffffb3;--shadow-light:#0000001a;--shadow-light-hover:#0003;--shadow-dark:#3b82f633;--shadow-dark-hover:#3b82f64d;--shadow-dark-subtle:#3b82f61a;--success:#10b981;--warning:#ea580c;--error:#ef4444;--info:#3b82f6;--theme-primary:var(--primary);--theme-primary-hover:var(--primary-hover);--theme-primary-light:var(--primary-light);--theme-primary-dark:var(--primary-dark);--theme-text-primary:var(--text-light-primary);--theme-text-secondary:var(--text-light-secondary);--theme-text-muted:var(--text-light-muted);--theme-bg:var(--bg-light);--theme-bg-card:var(--bg-light-card);--theme-bg-hover:var(--bg-light-hover);--theme-border:var(--border-light);--theme-border-hover:var(--border-light-hover);--theme-shadow:var(--shadow-light);--theme-shadow-hover:var(--shadow-light-hover);--nav-bg:var(--nav-bg-light);--nav-border:var(--nav-border-light);--categories-bg:var(--categories-bg-light);--categories-border:var(--categories-border-light);--subcategory-bg:var(--subcategory-bg-light);--subcategory-border:var(--subcategory-border-light);--bg:var(--bg-light);--bg-card:var(--bg-light-card);--bg-hover:var(--bg-light-hover);--text-primary:var(--text-light-primary);--text-secondary:var(--text-light-secondary);--text-muted:var(--text-light-muted);--border:var(--border-light);--border-hover:var(--border-light-hover);--shadow:var(--shadow-light);--shadow-hover:var(--shadow-light-hover)}.dark{--nav-bg:var(--nav-bg-dark);--nav-border:var(--nav-border-dark);--categories-bg:var(--categories-bg-dark);--categories-border:var(--categories-border-dark);--subcategory-bg:var(--subcategory-bg-dark);--subcategory-border:var(--subcategory-border-dark);--bg:var(--bg-dark);--bg-card:var(--bg-dark-card);--bg-hover:var(--bg-dark-hover);--text-primary:var(--text-dark-primary);--text-secondary:var(--text-dark-secondary);--text-muted:var(--text-dark-muted);--border:var(--border-dark);--border-hover:var(--border-dark-hover);--shadow:var(--shadow-dark);--shadow-hover:var(--shadow-dark-hover);--theme-primary:var(--primary);--theme-primary-hover:var(--primary-hover);--theme-primary-light:var(--primary-light);--theme-primary-dark:var(--primary-dark);--theme-text-primary:var(--text-dark-primary);--theme-text-secondary:var(--text-dark-secondary);--theme-text-muted:var(--text-dark-muted);--theme-bg:var(--bg-dark);--theme-bg-card:var(--bg-dark-card);--theme-bg-hover:var(--bg-dark-hover);--theme-border:var(--border-dark);--theme-border-hover:var(--border-dark-hover);--theme-shadow:var(--shadow-dark);--theme-shadow-hover:var(--shadow-dark-hover)}
:root{--nav-user-menu-dropdown-width:180px;--nav-user-menu-dropdown-padding:0;--nav-user-menu-dropdown-radius:1.25rem}
.decorative-line{background:linear-gradient(to right,var(--primary)0%,var(--primary-light)20%,var(--primary)40%,var(--primary-dark)60%,var(--primary-light)80%,var(--primary)100%);z-index:10;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);contain:paint;background-size:200% 100%;border-radius:1px;width:100%;height:3px;animation:3s linear infinite shimmer;position:absolute;bottom:-2px;left:0}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.decorative-line:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes shine{0%{transform:translate(-100%)}20%{transform:translate(100%)}to{transform:translate(100%)}}.decorative-line-glow{width:100%;height:3px;box-shadow:0 0 5px var(--primary),0 0 10px var(--primary),0 0 15px var(--primary-light);opacity:.7;z-index:9;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);contain:paint;border-radius:1px;animation:4s ease-in-out infinite pulse;position:absolute;bottom:-2px;left:0}@keyframes pulse{0%,to{opacity:.7;box-shadow:0 0 5px var(--primary),0 0 10px var(--primary),0 0 15px var(--primary-light)}50%{opacity:.9;box-shadow:0 0 8px var(--primary),0 0 15px var(--primary),0 0 20px var(--primary-light)}}
.optimized-bubbles-container{z-index:-1;pointer-events:none;backface-visibility:hidden;perspective:1000px;contain:layout paint size;width:100%;height:100%;animation-play-state:running;position:fixed;top:0;left:0;overflow:hidden}.interactive-bubble{pointer-events:none;will-change:transform,opacity;transition:transform .2s ease-in-out}.interactive-bubble:hover{transform:scale(1.1)}.welcome-section-bubbles{pointer-events:none;z-index:-1;contain:paint;width:100%;position:absolute;overflow:hidden}@keyframes float-up{0%{opacity:0;transform:translate(0,0)}10%{opacity:var(--bubble-opacity,.9)}25%{transform:translate3d(calc(var(--random-x,.5)*5vw),-25vh,0);opacity:var(--bubble-opacity,.9)}50%{transform:translate3d(calc(var(--random-x,.5)*10vw),-50vh,0);opacity:var(--bubble-opacity,.8)}75%{transform:translate3d(calc(var(--random-x,.5)*15vw),-75vh,0);opacity:var(--bubble-opacity,.6)}to{transform:translate3d(calc(var(--random-x,.5)*20vw),-120vh,0);opacity:0}}@keyframes burst{0%{opacity:var(--bubble-opacity,.7);transform:scale(1)}50%{opacity:var(--bubble-opacity,.5);transform:scale(1.5)}to{opacity:0;transform:scale(0)}}@keyframes wobble{0%{transform:translate(0)rotate(0)}20%{transform:translate(-8px)rotate(-8deg)}40%{transform:translate(8px)rotate(8deg)}60%{transform:translate(-8px)rotate(-8deg)}80%{transform:translate(8px)rotate(8deg)}to{transform:translate(0)rotate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}50%{opacity:var(--bubble-opacity,.7);transform:scale(1.1)}to{opacity:var(--bubble-opacity,.7);transform:scale(1)}}@keyframes pulse{0%{opacity:var(--bubble-opacity,.8);transform:scale(1)}25%{opacity:calc(var(--bubble-opacity,.8)*1.1);transform:scale(1.05)}50%{opacity:calc(var(--bubble-opacity,.8)*1.3);transform:scale(1.2)}75%{opacity:calc(var(--bubble-opacity,.8)*1.1);transform:scale(1.05)}to{opacity:var(--bubble-opacity,.8);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.optimized-bubbles-container>div{transition:none!important;animation:none!important}}
.bubble-count-control{z-index:50;position:fixed;bottom:20px;right:20px}.control-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f0721cc;border:2px solid #8b5cf6;border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000004d}.control-panel label{color:#fff;flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.control-panel input[type=range]{appearance:none;background:#8b5cf64d;border-radius:3px;outline:none;width:200px;height:6px;margin-top:8px}.control-panel input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 5px #8b5cf680}.control-panel input[type=range]::-moz-range-thumb{cursor:pointer;background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 5px #8b5cf680}@media (max-width:768px){.control-panel input[type=range]{width:150px}}
