:root{--primary:#6F00FF;--primary-glow:rgba(111,0,255,0.4);--bg:#050505;--surface:#121212;--text:#ffffff;--text-muted:#a1a1aa;--border:rgba(255,255,255,0.1)}@font-face{font-family:'MotionFont';src:url('../fonts/YekanBakhFaNum-VF.woff2') format('woff2 supports variations'),url('../fonts/YekanBakhFaNum-VF.woff2') format('woff2-variations');font-weight:100 900;font-style:normal}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg);color:var(--text);font-family:'MotionFont',sans-serif;font-weight:400;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{padding:20px 0;position:fixed;width:100%;top:0;z-index:1000;background:rgba(5,5,5,0.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:900;letter-spacing:1px}.dot{color:var(--primary)}.hamburger-btn,.close-menu-btn,.menu-overlay{display:none}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{color:var(--text-muted);text-decoration:none;transition:0.3s;font-size:0.95rem}.nav-links a:hover{color:var(--text)}.btn-login{background:rgba(255,255,255,0.1);padding:8px 20px;border-radius:50px}.hero{padding-top:160px;padding-bottom:100px;position:relative}.hero-container{display:grid;grid-template-columns:1.2fr 0.8fr;gap:50px;align-items:center}.glow-effect{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:var(--primary);filter:blur(180px);opacity:0.25;z-index:-1;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(111,0,255,0.1);border:1px solid rgba(111,0,255,0.3);color:#ae7aff;padding:6px 16px;border-radius:100px;font-size:0.9rem;margin-bottom:20px}@keyframes pulse-live{0%{opacity:1;transform:scale(1);box-shadow:0 0 10px #ae7aff}50%{opacity:0.5;transform:scale(0.8);box-shadow:0 0 2px #ae7aff}100%{opacity:1;transform:scale(1);box-shadow:0 0 10px #ae7aff}}.badge-dot{width:8px;height:8px;background:#ae7aff;border-radius:50%;animation:pulse-live 2s ease-in-out infinite}h1{font-size:3.8rem;font-weight:900;line-height:1.2;margin-bottom:20px}.text-gradient{background:linear-gradient(90deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:40px;max-width:500px}.cta-group{display:flex;gap:15px;margin-bottom:50px}.btn{text-decoration:none;padding:16px 32px;border-radius:12px;font-weight:bold;display:flex;align-items:center;gap:10px;transition:all 0.3s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 25px rgba(111,0,255,0.4)}.btn-primary:hover{box-shadow:0 0 40px rgba(111,0,255,0.6);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border);color:#fff}.btn-outline:hover{background:rgba(255,255,255,0.05)}.social-proof{display:flex;align-items:center;gap:20px}.avatar-group{display:flex}.avatar-group img{width:45px;height:45px;border-radius:50%;border:3px solid var(--bg);margin-left:-15px;transition:0.3s}.avatar-group img:hover{transform:translateY(-5px) scale(1.1);z-index:10;border-color:var(--primary)}.avatar-more{width:45px;height:45px;border-radius:50%;background:var(--surface);border:3px solid var(--bg);margin-left:-15px;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:bold}.proof-text{display:flex;flex-direction:column;font-size:0.85rem}.stars{color:#FFD700;margin-bottom:4px;font-size:0.8rem}.proof-text span{color:var(--text-muted)}.hero-visual{position:relative;width:100%;display:flex;justify-content:center}.visual-box{width:100%;max-width:550px;position:relative;overflow:visible;border:none;background:transparent;box-shadow:none;animation:float-hero 6s ease-in-out infinite}.visual-box::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(111,0,255,0.4) 0%,rgba(0,198,255,0.1) 50%,transparent 70%);filter:blur(40px);z-index:-1;pointer-events:none}.main-hero-img{width:100%;height:auto;display:block;position:relative;z-index:1;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 75%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 75%)}@keyframes float-hero{0%{transform:translateY(0px)}50%{transform:translateY(-15px)}100%{transform:translateY(0px)}}.card-glass{position:absolute;bottom:-30px;right:-30px;background:rgba(22,22,24,0.35);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,0.08);box-shadow:0 25px 50px -12px rgba(0,0,0,0.9),inset 0 1px 1px rgba(255,255,255,0.1);padding:24px;border-radius:24px;width:200px;z-index:5;text-align:right}.icon-float{font-size:2rem;color:var(--primary);margin-bottom:10px;background:linear-gradient(135deg,#ae7aff 0%,#6F00FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 15px rgba(111,0,255,0.4))}.card-content h3{font-size:1.1rem;font-weight:800;margin-bottom:5px;color:#fff;letter-spacing:-0.5px}.card-content p{font-size:0.85rem;color:#aaa;margin:0;line-height:1.5}.video-section{position:relative;padding:80px 0 120px;display:flex;justify-content:center;overflow:hidden}.video-wrapper{position:relative;width:92%;max-width:1200px;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background-color:#000;box-shadow:0 30px 60px rgba(0,0,0,0.6);transform:translateZ(0);-webkit-transform:translateZ(0)}video{width:100%;height:100%;display:block;object-fit:cover;will-change:transform}.video-tint-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4);z-index:1;pointer-events:none;transition:opacity 0.4s ease}.video-controls-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.big-play-button,.sound-toggle-btn,.custom-progress-container{pointer-events:auto}.big-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);padding:15px 30px;border-radius:16px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all 0.4s ease}.big-play-button i{font-size:1.5rem;color:#fff;background:var(--primary,#ae7aff);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;padding-left:4px;box-shadow:0 10px 20px rgba(111,0,255,0.3)}.big-play-button span.btn-text{font-size:1.1rem;font-weight:700;color:#fff;font-family:'MotionFont',sans-serif}.big-play-button:hover{background:rgba(255,255,255,0.2);transform:translate(-50%,-50%) scale(1.05)}.sound-toggle-btn{position:absolute;top:30px;right:30px;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);padding:10px 16px;border-radius:50px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all 0.3s ease;color:#fff;z-index:10}.sound-toggle-btn:hover{background:rgba(255,255,255,0.2)}.sound-toggle-btn:not(.muted){padding:12px}.sound-label{font-size:0.9rem;font-weight:500;font-family:'MotionFont',sans-serif}.sound-toggle-btn:not(.muted) .sound-label{display:none}.custom-sound-icon{width:22px;height:22px;display:inline-block}.sound-toggle-btn.muted .sound-wave{display:none}.sound-toggle-btn:not(.muted) .mute-x{display:none}.sound-wave{transform-origin:11px 12px}.wave-inner{animation:sound-emit 1.5s infinite ease-in-out}.wave-outer{animation:sound-emit 1.5s infinite ease-in-out 0.3s}@keyframes sound-emit{0%{opacity:0;transform:scale(0) translateX(-4px)}40%,60%{opacity:1;transform:scale(1) translateX(0)}100%{opacity:0;transform:scale(1.1) translateX(2px)}}.custom-progress-container{position:absolute;bottom:0;left:0;width:100%;height:6px;background:rgba(255,255,255,0.15);cursor:pointer;z-index:10;opacity:0;visibility:hidden;transition:height 0.2s,opacity 0.4s;direction:rtl}.custom-progress-container:hover{height:12px}.custom-progress-bar{height:100%;background:var(--primary,#ae7aff);width:0%;position:absolute;right:0;top:0;border-radius:4px 0 0 4px}.video-wrapper.playing-with-sound .video-tint-overlay{opacity:0 !important}.video-wrapper.playing-with-sound .big-play-button{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translate(-50%,-50%) scale(0.8) !important}.video-wrapper.playing-with-sound .custom-progress-container{opacity:1 !important;visibility:visible !important}.brands-section{background-color:#000;padding:60px 0 100px;text-align:center;overflow:hidden}.brands-title{color:#ae7aff;font-size:1.2rem;margin-bottom:40px;letter-spacing:1px;font-weight:100}.marquee-wrapper{display:flex;overflow:hidden;user-select:none;gap:80px;width:100%;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-group{flex-shrink:0;display:flex;align-items:center;gap:80px;min-width:100%;will-change:transform}.brand-item{height:40px;width:auto;object-fit:contain;opacity:0.5;filter:grayscale(100%) brightness(200%);transition:0.3s;flex-shrink:0}.brand-item:hover{opacity:1;filter:none;transform:scale(1.1)}.features-section{padding:100px 0;background-color:var(--bg)}.section-header{text-align:center;max-width:800px;margin:0 auto 60px}.badge-outline{display:inline-block;border:1px solid rgba(111,0,255,0.4);color:#ae7aff;padding:8px 24px;border-radius:50px;font-size:0.85rem;margin-bottom:25px;background:rgba(111,0,255,0.05)}.section-header h2{font-size:3.2rem;font-weight:900;margin-bottom:20px;line-height:1.3;letter-spacing:-1px}.section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.feature-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:24px;padding:40px 30px;transition:all 0.3s ease;text-align:right}.feature-card:hover{background:rgba(255,255,255,0.04);transform:translateY(-5px)}.feature-card.highlight{border:1px solid var(--primary);background:linear-gradient(180deg,rgba(111,0,255,0.08) 0%,rgba(255,255,255,0.02) 100%);box-shadow:0 10px 40px rgba(111,0,255,0.1);transform:scale(1.02)}.feature-card.highlight:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 15px 50px rgba(111,0,255,0.15)}.feature-icon{width:55px;height:55px;background:rgba(111,0,255,0.15);color:#ae7aff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:30px}.feature-card h3{font-size:1.4rem;font-weight:800;margin-bottom:15px;line-height:1.4;color:#fff}.feature-card p{color:var(--text-muted);font-size:0.95rem;line-height:1.8;margin:0}.btn-wrapper{display:flex;justify-content:center}.bento-section{padding:100px 0;background-color:var(--bg)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bento-card{background:#0d0d0f;border-radius:24px;position:relative;overflow:hidden;transition:all 0.4s ease;min-height:320px;display:flex}.bento-card:hover{transform:translateY(-5px)}.bento-card.span-2{grid-column:span 2}.glow-purple{border:1px solid rgba(111,0,255,0.3);box-shadow:inset 0 0 30px rgba(111,0,255,0.05);background:radial-gradient(circle at top left,rgba(111,0,255,0.15) 0%,#0d0d0f 70%)}.glow-blue{border:1px solid rgba(0,150,255,0.3);box-shadow:inset 0 0 30px rgba(0,150,255,0.05);background:radial-gradient(circle at top left,rgba(0,150,255,0.15) 0%,#0d0d0f 70%)}.glow-orange{border:1px solid rgba(255,140,0,0.3);box-shadow:inset 0 0 30px rgba(255,140,0,0.05);background:radial-gradient(circle at top left,rgba(255,140,0,0.12) 0%,#0d0d0f 70%)}.glow-cyan{border:1px solid rgba(0,255,200,0.3);box-shadow:inset 0 0 30px rgba(0,255,200,0.05);background:radial-gradient(circle at top left,rgba(0,255,200,0.12) 0%,#0d0d0f 70%)}.glow-white{border:1px solid rgba(255,255,255,0.15);box-shadow:inset 0 0 30px rgba(255,255,255,0.02);background:radial-gradient(circle at top left,rgba(255,255,255,0.08) 0%,#0d0d0f 70%)}.glow-purple:hover{border-color:rgba(111,0,255,0.8);box-shadow:0 15px 40px rgba(111,0,255,0.15),inset 0 0 30px rgba(111,0,255,0.1);background:radial-gradient(circle at top left,rgba(111,0,255,0.2) 0%,#0d0d0f 75%)}.glow-blue:hover{border-color:rgba(0,150,255,0.8);box-shadow:0 15px 40px rgba(0,150,255,0.15),inset 0 0 30px rgba(0,150,255,0.1);background:radial-gradient(circle at top left,rgba(0,150,255,0.2) 0%,#0d0d0f 75%)}.glow-orange:hover{border-color:rgba(255,140,0,0.8);box-shadow:0 15px 40px rgba(255,140,0,0.15),inset 0 0 30px rgba(255,140,0,0.1);background:radial-gradient(circle at top left,rgba(255,140,0,0.18) 0%,#0d0d0f 75%)}.glow-cyan:hover{border-color:rgba(0,255,200,0.8);box-shadow:0 15px 40px rgba(0,255,200,0.15),inset 0 0 30px rgba(0,255,200,0.1);background:radial-gradient(circle at top left,rgba(0,255,200,0.18) 0%,#0d0d0f 75%)}.glow-white:hover{border-color:rgba(255,255,255,0.5);box-shadow:0 15px 40px rgba(255,255,255,0.05);background:radial-gradient(circle at top left,rgba(255,255,255,0.12) 0%,#0d0d0f 75%)}.bento-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.6}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(13,13,15,0.95) 10%,rgba(13,13,15,0.1) 100%);z-index:1}.bento-content{position:relative;z-index:2;padding:40px 30px;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%}.bento-icon{font-size:1.5rem;color:#fff;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:auto;border:1px solid rgba(255,255,255,0.05)}.bento-text{margin-top:20px}.bento-text h3{font-size:1.4rem;font-weight:800;margin-bottom:10px;color:#fff;letter-spacing:-0.5px}.bento-text p{color:#a1a1aa;font-size:0.95rem;line-height:1.6;margin:0}.community-card{position:relative}.text-center-content{align-items:center;text-align:center;padding-top:140px}.floating-avatars-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,140,0,0.12) 0%,transparent 60%);z-index:1}.float-avatar{position:absolute;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.05);box-shadow:0 10px 20px rgba(0,0,0,0.5);will-change:transform}.avatar-s{width:35px;height:35px;opacity:0.4;filter:blur(2px);z-index:1}.avatar-m{width:50px;height:50px;opacity:0.7;filter:blur(0.5px);z-index:2}.avatar-l{width:65px;height:65px;opacity:0.9;z-index:3;border-color:rgba(255,255,255,0.1)}.avatar-xl{width:85px;height:85px;z-index:4;border:2px solid rgba(255,140,0,0.5);box-shadow:0 15px 30px rgba(255,140,0,0.2)}.avatar-badge{width:70px;height:70px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem;border:none;z-index:5;box-shadow:0 10px 20px rgba(111,0,255,0.4)}.pos-badge{top:50%;left:calc(50% - 35px)}.pos-1{top:40%;left:8%}.pos-2{top:15%;left:18%}.pos-3{top:32%;left:30%}.pos-4{top:10%;left:calc(50% - 42px)}.pos-5{top:38%;right:30%}.pos-6{top:18%;right:18%}.pos-7{top:45%;right:8%}.anim-1{animation:float-vertical 4s ease-in-out infinite alternate}.anim-2{animation:float-vertical 5.5s ease-in-out infinite alternate-reverse}.anim-3{animation:float-vertical 4.5s ease-in-out 1s infinite alternate}.anim-4{animation:float-vertical 6s ease-in-out 0.5s infinite alternate-reverse}@keyframes float-vertical{0%{transform:translateY(15px)}100%{transform:translateY(-15px)}}.podcast-card{position:relative}.wave-container{position:absolute;top:35%;left:0;width:100%;height:140px;transform:translateY(-50%);overflow:hidden;z-index:1;pointer-events:none}.audio-wave-3d{position:absolute;top:0;left:0;width:200%;height:100%}.wave-1{animation:scroll-wave 9s linear infinite}.wave-2{animation:scroll-wave 6s linear infinite}.wave-3{animation:scroll-wave 4s linear infinite}.wave-4{animation:scroll-wave 7s linear infinite}@keyframes scroll-wave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.project-files-card{position:relative}.svg-files-container{position:absolute;top:0;left:0;width:100%;height:60%;z-index:0;pointer-events:none;display:flex;justify-content:center;align-items:flex-end}.svg-files-container svg{width:100%;height:100%}.float-anim{animation:floating-cards 5s ease-in-out infinite alternate}.float-anim-fast{animation:floating-cards 3.5s ease-in-out infinite alternate}@keyframes floating-cards{0%{transform:translateY(0px)}100%{transform:translateY(-12px)}}.tutorials-section{padding:120px 0;background-color:var(--bg)}.text-center{text-align:center;margin-bottom:50px}.stats-row{display:flex;justify-content:center;gap:20px;margin-bottom:60px}.stat-box{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:20px;padding:25px 40px;text-align:center;min-width:160px;transition:0.3s ease}.stat-box h3{font-size:2rem;font-weight:900;color:#fff;margin-bottom:5px}.stat-box p{color:var(--text-muted);font-size:0.9rem;margin:0}.highlight-stat{border-color:rgba(0,150,255,0.5);background:radial-gradient(circle at center,rgba(0,150,255,0.1) 0%,rgba(255,255,255,0.03) 100%);box-shadow:0 10px 30px rgba(0,150,255,0.15);transform:scale(1.05)}.projects-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:50px}.project-card{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:20px;overflow:hidden;cursor:pointer;background-color:#111;border:1px solid rgba(255,255,255,0.1);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.4s ease}.project-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary);box-shadow:0 15px 40px rgba(111,0,255,0.25)}.project-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity 0.4s ease}.project-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 0.4s ease}.project-card.is-playing .project-poster{opacity:0}.project-card.is-playing .project-video{opacity:1}@media (hover:none) and (pointer:coarse){.project-card::after{content:'\f144';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:36px;height:36px;background:rgba(111,0,255,0.75);backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:#fff;z-index:5;line-height:36px;text-align:center;transition:opacity 0.3s}.project-card.is-playing::after{opacity:0}}.projects-footer{display:flex;flex-direction:column;align-items:center;gap:25px}.more-text{color:#00a2ff;text-decoration:none;font-size:1.1rem;font-weight:500;transition:0.3s}.more-text:hover{color:#fff;text-shadow:0 0 10px rgba(0,162,255,0.5)}.about-creator-section{padding:80px 0 120px}.creator-card{display:flex;align-items:center;justify-content:space-between;background:rgba(18,18,20,0.6);backdrop-filter:blur(20px);border-radius:30px;padding:60px;gap:50px}.creator-content{flex:1;max-width:600px}.creator-content p{text-align:justify}.creator-content h2{font-size:2.6rem;font-weight:900;line-height:1.3;letter-spacing:-1px;margin-bottom:25px;color:#fff}.creator-content p{color:var(--text-muted);font-size:1.05rem;line-height:1.9;margin-bottom:40px}.creator-image-wrapper{flex:1;display:flex;justify-content:flex-end}.creator-image{width:100%;max-width:500px;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 40px rgba(0,0,0,0.5);transition:transform 0.4s ease}.creator-image:hover{transform:scale(1.02)}.personal-message-section{padding:100px 0;background-color:var(--bg)}.badge-orange{border:1px solid rgba(255,140,0,0.4);color:#ff9800;background:rgba(255,140,0,0.05)}.message-container{display:flex;align-items:center;gap:60px;max-width:1000px;margin:0 auto}.message-image-wrapper{flex:0 0 45%}.message-image{width:100%;height:auto;border-radius:24px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 50px rgba(0,0,0,0.4);box-shadow:0 0 40px rgba(0,150,255,0.15),inset 0 0 20px rgba(111,0,255,0.1)}.message-content{flex:1}.message-content h3{font-size:1.8rem;font-weight:800;margin-bottom:25px;color:#fff;letter-spacing:-0.5px}.message-content p{color:var(--text-muted);font-size:1rem;line-height:1.9;margin-bottom:15px}.greeting{font-weight:bold;color:#dedede !important}.closing{margin-top:25px;color:#fff !important}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.btn-orange{background:linear-gradient(135deg,#ff9800,#ff5722);box-shadow:0 10px 20px rgba(255,87,34,0.3);white-space:nowrap;flex-shrink:0}.btn-orange:hover{box-shadow:0 15px 30px rgba(255,87,34,0.4);transform:translateY(-3px)}.signature-text{font-family:'Brush Script MT','Lucida Handwriting',cursive;font-size:2.8rem;color:#a1a1aa;transform:rotate(-5deg);opacity:0.6;margin-left:20px;pointer-events:none;user-select:none;position:relative;z-index:0}.message-content p{text-align:justify}.faq-section{padding:100px 0;background-color:var(--bg)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1100px;margin:0 auto}.faq-column{display:flex;flex-direction:column;gap:20px}.faq-item{background:#0d0d0f;border:1px solid rgba(255,255,255,0.05);border-radius:16px;overflow:hidden;transition:background 0.3s ease,border-color 0.3s ease}.faq-item:hover{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.1)}.faq-question{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.faq-question h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0;line-height:1.5;padding-left:20px}.faq-icon{font-size:1.2rem;color:#fff;transition:transform 0.3s ease}.faq-answer{max-height:0;opacity:0;transition:max-height 0.4s cubic-bezier(0,1,0,1),opacity 0.4s ease}.answer-content{padding:0 30px 30px 30px;color:#a1a1aa;font-size:0.95rem;line-height:1.8}.answer-content p{text-align:justify;margin:0}.answer-content ul{margin:0;padding-right:20px}.answer-content ul li{margin-bottom:10px}.faq-item.active{background:rgba(255,255,255,0.03);border-color:rgba(111,0,255,0.3)}.faq-item.active .faq-answer{max-height:1000px;opacity:1;transition:max-height 0.5s ease-in-out,opacity 0.5s ease-in-out}.faq-item.active .faq-icon{transform:rotate(45deg);color:#ae7aff}.syllabus-section{padding:120px 0;background-color:var(--bg);overflow:hidden}.glow-header-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:80px}.neon-line{width:70%;max-width:600px;height:3px;background:linear-gradient(to right,transparent 0%,#fff 20%,#fff 80%,transparent 100%);box-shadow:0 0 15px #ff7be5,0 0 30px #ae7aff;border-radius:50px;z-index:2;opacity:0.9}.neon-glow-bleed{position:absolute;top:-30px;width:100%;max-width:800px;height:350px;background:linear-gradient(to bottom,rgba(174,122,255,0) 0%,rgba(174,122,255,0.15) 6%,rgba(174,122,255,0.45) 10%,rgba(174,122,255,0.15) 40%,rgba(174,122,255,0) 100%);-webkit-mask-image:radial-gradient(ellipse at center 10%,black 10%,transparent 70%);mask-image:radial-gradient(ellipse at center 10%,black 10%,transparent 70%);z-index:1;pointer-events:none}.syllabus-header{position:relative;z-index:3;margin-top:50px}.syllabus-header h2{font-size:2.8rem;font-weight:900;color:#fff;margin-bottom:15px;letter-spacing:-1px}.syllabus-header p{color:#a1a1aa;font-size:1.1rem}.syllabus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto}.syllabus-card{position:relative;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-top:none;border-radius:16px;padding:35px 20px;text-align:center;overflow:hidden;opacity:0;transform:translateY(40px);transition:all 0.6s cubic-bezier(0.175,0.885,0.32,1.275)}.syllabus-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(255,123,229,0.8),transparent);box-shadow:0 1px 15px rgba(255,123,229,0.6);opacity:1;transition:opacity 0.6s ease}.syllabus-grid .syllabus-card:nth-child(n+4):nth-child(-n+6)::before{opacity:0.5}.syllabus-grid .syllabus-card:nth-child(n+7)::before{opacity:0.2}.syllabus-card.show{opacity:1;transform:translateY(0)}.syllabus-card .card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(111,0,255,0.05) 0%,transparent 50%);opacity:0;transition:opacity 0.4s ease}.syllabus-card:hover .card-glow{opacity:1}.syllabus-card:hover{border-color:rgba(111,0,255,0.3);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.syllabus-card:hover::before{filter:brightness(1.5)}.syllabus-card h3{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.6;margin:0}.custom-icon{width:60px;height:60px;margin-bottom:25px;filter:drop-shadow(0 10px 15px rgba(0,0,0,0.3))}.ae-text{font-family:sans-serif;font-weight:900;font-size:28px}.anim-float{animation:svg-float 3s ease-in-out infinite alternate;transform-origin:center}.anim-pulse{animation:svg-pulse 2s ease-in-out infinite alternate;transform-origin:center}.anim-spin{animation:svg-spin 8s linear infinite;transform-origin:center}.anim-bounce{animation:svg-bounce 1.5s cubic-bezier(0.28,0.84,0.42,1) infinite alternate;transform-origin:center}.anim-wobble{animation:svg-wobble 2s ease-in-out infinite;transform-origin:bottom center}.anim-eq1{animation:svg-eq 1s ease-in-out infinite alternate;transform-origin:bottom}.anim-eq2{animation:svg-eq 1.3s ease-in-out 0.2s infinite alternate;transform-origin:bottom}.anim-eq3{animation:svg-eq 1.1s ease-in-out 0.4s infinite alternate;transform-origin:bottom}.anim-flicker{animation:svg-flicker 4s infinite step-end}@keyframes svg-flicker{0%,19%,21%,23%,25%,54%,56%,100%{opacity:1;filter:drop-shadow(0 0 8px #d787ff)}20%,24%,55%{opacity:0.5;filter:none}}@keyframes svg-float{0%{transform:translateY(0)}100%{transform:translateY(-8px)}}@keyframes svg-pulse{0%{transform:scale(0.95);opacity:0.8}100%{transform:scale(1.05);opacity:1}}@keyframes svg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes svg-bounce{0%{transform:translateY(-10px)}100%{transform:translateY(5px)}}@keyframes svg-wobble{0%,100%{transform:rotate(0)}33%{transform:rotate(-10deg)}66%{transform:rotate(10deg)}}@keyframes svg-eq{0%{transform:scaleY(0.4)}100%{transform:scaleY(1)}}.site-footer{position:relative;background-color:#030305;padding:80px 0 80px;margin-top:100px;overflow:hidden}.footer-glow-line{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(111,0,255,0.8),transparent);box-shadow:0 0 20px rgba(111,0,255,0.5),0 0 40px rgba(0,162,255,0.3)}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;margin-bottom:50px}.footer-brand{flex-shrink:0}.simple-motion-logo{display:flex;align-items:center;gap:8px;font-family:'Arial',sans-serif;cursor:default}.motion-text{font-size:2.4rem;font-weight:900;color:#fff;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,0.2)}.up-box{font-size:2rem;font-weight:900;color:#fff;padding:4px 14px;border-radius:8px;background:linear-gradient(270deg,#00c6ff,#0072ff,#ae7aff,#ff7be5,#00c6ff);background-size:400% 400%;animation:gradient-shift 6s ease infinite;box-shadow:0 5px 20px rgba(111,0,255,0.4)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.footer-links-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;margin:0;padding:0}.footer-links-list a{color:#a1a1aa;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all 0.3s ease;position:relative;white-space:nowrap}.footer-links-list a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,0.5)}.footer-links-list a.login-link{color:#00c6ff;font-weight:700;border:1px solid rgba(0,198,255,0.3);padding:8px 20px;border-radius:50px;background:rgba(0,198,255,0.05);display:flex;align-items:center;gap:8px}.footer-links-list a.login-link:hover{background:rgba(0,198,255,0.15);box-shadow:0 0 15px rgba(0,198,255,0.4);color:#fff}.footer-divider{height:1px;background:rgba(255,255,255,0.05);margin:30px 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap-reverse;gap:20px}.copyright{color:#666;font-size:0.9rem;margin:0}.social-links-container{display:flex;gap:15px;flex-wrap:wrap}.social-btn{position:relative;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:12px;color:#a1a1aa;font-size:1.2rem;text-decoration:none;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);backdrop-filter:blur(10px)}.social-btn svg{width:20px;height:20px}.tooltip{position:absolute;top:-45px;background:#fff;color:#000;font-size:0.8rem;font-weight:bold;padding:5px 12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;box-shadow:0 10px 20px rgba(0,0,0,0.5);pointer-events:none}.tooltip::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:#fff}.social-btn:hover .tooltip{opacity:1;visibility:visible;transform:translateY(0)}.social-btn.instagram:hover{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 0 20px rgba(220,39,67,0.6);transform:translateY(-5px) scale(1.1)}.social-btn.youtube:hover{color:#fff;background:#ff0000;box-shadow:0 0 20px rgba(255,0,0,0.6);transform:translateY(-5px) scale(1.1)}.social-btn.aparat:hover{color:#fff;background:#ea1d5d;box-shadow:0 0 20px rgba(234,29,93,0.6);transform:translateY(-5px) scale(1.1)}.social-btn.telegram:hover{color:#fff;background:#0088cc;box-shadow:0 0 20px rgba(0,136,204,0.6);transform:translateY(-5px) scale(1.1)}.social-btn.telegram-support:hover{color:#fff;background:linear-gradient(135deg,#0088cc,#00ffc8);box-shadow:0 0 20px rgba(0,255,200,0.6);transform:translateY(-5px) scale(1.1)}.social-btn.whatsapp:hover{color:#fff;background:#25D366;box-shadow:0 0 20px rgba(37,211,102,0.6);transform:translateY(-5px) scale(1.1)}@media (max-width:768px){.hamburger-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;z-index:1001;padding:6px;width:38px;height:38px}.hero-visual{display:none!important}.hero-container{grid-template-columns:1fr!important}.nav-links{position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100dvh;background:#0a0a0f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);flex-direction:column;align-items:stretch;padding:0;transition:right 0.45s cubic-bezier(0.77,0,0.175,1);z-index:1002;border-left:1px solid rgba(111,0,255,0.25);box-shadow:-20px 0 60px rgba(0,0,0,0.8);overflow:hidden}.nav-links::before{content:'BITGRAPH.';display:block;padding:28px 28px 20px;font-size:1.2rem;font-weight:900;letter-spacing:1px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(111,0,255,0.06)}.nav-links::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#6F00FF,#ae7aff,transparent)}.nav-links.active{right:0}.nav-links a{display:flex;align-items:center;margin:0;padding:18px 28px;font-size:1.1rem;font-weight:600;color:#ccc;border-bottom:1px solid rgba(255,255,255,0.04);transition:all 0.2s;text-decoration:none}.nav-links a:hover,.nav-links a:active{color:#fff;background:rgba(111,0,255,0.1);padding-right:36px}.nav-links .btn-login{margin:20px 28px;padding:14px 20px;background:linear-gradient(135deg,#6F00FF,#ae7aff);color:#fff;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;text-align:center;width:calc(100% - 56px);border-bottom:none;box-shadow:0 8px 25px rgba(111,0,255,0.35)}.nav-links .btn-login:hover{background:linear-gradient(135deg,#8a00ff,#c49bff);padding-right:20px}.close-menu-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:22px;left:22px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:#aaa;font-size:1.1rem;cursor:pointer;width:36px;height:36px;border-radius:50%;transition:all 0.2s}.close-menu-btn:hover{color:#fff;background:rgba(255,255,255,0.15)}.menu-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100dvh;background:rgba(0,0,0,0.75);backdrop-filter:blur(6px);z-index:1001;opacity:0;pointer-events:none;transition:opacity 0.35s ease}.menu-overlay.active{opacity:1;pointer-events:all}.features-section,.bento-section,.tutorials-section,.about-creator-section,.personal-message-section,.faq-section,.syllabus-section,.video-section,section{overflow-x:hidden}.hero{padding-top:100px;padding-bottom:60px;overflow:hidden}.hero-container{grid-template-columns:1fr;text-align:center;gap:30px}.hero-text{padding:0 8px}h1{font-size:2rem}.subtitle{font-size:1rem}.cta-group{justify-content:center;flex-direction:column;gap:12px}.btn{justify-content:center;width:100%}.social-proof{justify-content:center;flex-direction:column}.card-glass{display:none}.video-section{padding:40px 0 60px}.video-wrapper{width:96%;aspect-ratio:16 / 9;border-radius:16px}.big-play-button{padding:10px 16px;border-radius:12px;gap:10px;width:auto;max-width:80%;white-space:nowrap}.big-play-button i{font-size:1rem;width:34px;height:34px;border-radius:8px;flex-shrink:0}.big-play-button span.btn-text{font-size:0.85rem;white-space:nowrap}.big-play-button span.btn-text::before{content:'تماشای معرفی'}.big-play-button span.btn-text{font-size:0}.big-play-button span.btn-text::before{font-size:0.9rem}.sound-toggle-btn{top:12px;right:12px;padding:8px;border-radius:50%;gap:0}.sound-label{display:none !important}.sound-toggle-btn:not(.muted){padding:8px}.custom-sound-icon{width:18px;height:18px}.section-header{padding:0 8px}.section-header h2{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card.highlight{transform:none}.feature-card.highlight:hover{transform:translateY(-5px)}.bento-grid{grid-template-columns:1fr;gap:15px}.bento-card.span-2{grid-column:span 1}.bento-card{min-height:240px}.bento-content{padding:24px 20px}.bento-text h3{font-size:1.2rem}.bento-icon{width:38px;height:38px;font-size:1.2rem}.community-avatars{margin-bottom:20px}.stats-row{flex-direction:column;align-items:center;gap:12px}.stat-box{width:100%;max-width:280px;padding:20px 30px}.highlight-stat{transform:none}.projects-gallery{grid-template-columns:repeat(2,1fr);gap:12px}.creator-card{flex-direction:column-reverse;padding:28px 20px;gap:24px;border-radius:20px;text-align:center}.creator-content h2{font-size:1.8rem}.creator-content p{font-size:0.95rem}.creator-content .btn{width:100%;justify-content:center}.creator-image-wrapper{width:100%;justify-content:center}.creator-image{max-width:100%}.message-container{flex-direction:column;gap:32px;padding:0 4px}.message-image-wrapper{width:100%;max-width:360px;margin:0 auto}.message-content h3{font-size:1.3rem}.message-footer{flex-direction:column;gap:20px;align-items:flex-start}.btn-orange{width:100%;justify-content:center;padding:14px 20px;font-size:0.9rem;text-align:center;white-space:normal;line-height:1.4}.signature-text{display:none}.faq-grid{grid-template-columns:1fr;gap:12px}.faq-question{padding:18px 20px}.faq-question h3{font-size:0.95rem}.answer-content{padding:0 20px 20px 20px}.syllabus-grid{grid-template-columns:1fr}.syllabus-header h2{font-size:1.8rem}.neon-line{width:85%}.footer-top{flex-direction:column;align-items:center;text-align:center}.footer-links-list{justify-content:center}.footer-bottom{justify-content:center}.social-links-container{justify-content:center}}