.fixed-menu,.fixed-menu.hidden{transform:translateY(100%)}*,body{margin:0;padding:0}.features,.footer,.header,.intro,.modal-content{text-align:center}.modal-content,body{font-family:IRANSansX}.join-btn,.modal-close{cursor:pointer;transition:.3s}.join-btn,.menu-item,a{text-decoration:none}.menu-icon,.telegram-icon{fill:currentColor}*{box-sizing:border-box}.fixed-menu{position:fixed;bottom:0;left:0;right:0;background:#3d5a80;padding:.7rem 0;transition:transform .3s;z-index:1000;box-shadow:0 -2px 8px rgb(0 0 0 / .08)}.fixed-menu.visible{transform:translateY(0)}.menu-container{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto}.menu-item{color:#e0fbfc;display:flex;flex-direction:column;align-items:center;gap:.3rem}.menu-icon{width:1.4em;height:1.4em}.features,.header,.intro{padding:1rem;text-align:center}@font-face{font-family:IRANSansX;src:url(/font.woff2) format('woff2');font-style:normal;font-display:swap}body{line-height:1.8;direction:rtl;color:#333;scroll-behavior:smooth}.header{background:linear-gradient(135deg,#3d5a80,#2a4365);color:#fff;box-shadow:0 4px 15px rgb(0 0 0 / .2);border-radius:0 0 30px 30px}.feature,.join-btn{box-shadow:0 4px 6px rgb(0 0 0 / .1)}h1{font-size:248%;margin-bottom:.5rem}h2{width:100%}.features{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.feature{background:#e0fbfc;border-radius:15px;width:320px;padding:1rem;overflow:hidden;transition:transform .3s,box-shadow .3s}.feature:hover{transform:scale(1.05);box-shadow:0 6px 15px rgb(0 0 0 / .3)}.feature-img{height:200px;background-size:cover;background-position:center;border-radius:10px;margin-bottom:1rem;transition:transform .4s}.feature:hover .feature-img{transform:scale(1.1)}.footer{padding:2rem;background:#3d5a80;color:#fff;position:relative;z-index:1001;margin-top:3vh}.join-btn{display:inline-block;background:linear-gradient(135deg,#ee6c4d,#ff8c6b);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-size:1.2rem}.join-btn:hover{background:#3d5a80;box-shadow:0 6px 12px rgb(0 0 0 / .2);transform:translateY(-3px);color:#fff}section p{text-align:justify!important}a{color:#ee6c4d}a:hover{color:#3d5a80}a:active{color:#2a4365}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features,.intro{animation:1s ease-in-out fadeIn}.intro{padding:1rem 1rem 0}.padd{margin:20px}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:rgb(41 50 65 / .75);backdrop-filter:blur(5px);animation:.4s fadeInBackdrop;justify-content:center;align-items:center;padding:1rem}.modal-content{background:#e0fbfc;border-radius:20px;width:100%;max-width:380px;box-shadow:0 15px 35px rgb(0 0 0 / .2);overflow:hidden;animation:.5s modalPop;position:relative}.modal-close{position:absolute;top:12px;left:16px;font-size:1.8rem;color:#98c1d9;font-weight:700}.modal-close:hover{color:#ee6c4d;transform:scale(1.2)}.modal-body{padding:2.5rem 1.5rem 1.8rem}.modal-body p{color:#293241;margin-bottom:1.2rem}.modal-body small{display:block;margin-top:1rem;color:#98c1d9}@keyframes fadeInBackdrop{from{opacity:0}to{opacity:1}}@keyframes modalPop{from{opacity:0;transform:scale(.7) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-logo{margin-bottom:1rem;display:flex;justify-content:center}.modal-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #3d5a80;box-shadow:0 4px 12px rgb(61 90 128 / .3);opacity:.85}.modal-body a{font-size:1.1rem}