/* ========================================================================== Adatask — Landing Page (صفحه اول عمومی) همه قواعد زیر اسکوپ .adatask-landing هستند و روی پنل داخلی اثر نمی‌گذارند. رنگ‌های برند: #96cdcd | #173454 | #9759e7 | #aad2f1 ========================================================================== */ /* فقط در صفحه مستقل (public/index.html) روی قرار می‌گیرد */ .adatask-landing-page{margin:0;padding:0} .adatask-landing{ direction:rtl; min-height:100vh; background:#F4F7FB; color:#173454; font-family:Vazirmatn,Tahoma,Arial,sans-serif; -webkit-font-smoothing:antialiased; text-wrap:pretty; overflow-x:clip; } @supports not (overflow-x:clip){.adatask-landing{overflow-x:hidden}} .adatask-landing *{box-sizing:border-box} .adatask-landing h1,.adatask-landing h2,.adatask-landing h3{font-family:Vazirmatn,Tahoma,sans-serif;letter-spacing:normal!important;line-height:1.45} .adatask-landing h1{line-height:1.36!important} .adatask-landing header a,.adatask-landing header nav a,.adatask-landing header span{white-space:nowrap} .adatask-landing input,.adatask-landing button,.adatask-landing textarea{font-family:inherit} .adatask-landing a{color:#173454;text-decoration:none} .adatask-landing a:hover{color:#9759e7} .adatask-landing ::selection{background:rgba(151,89,231,.16)} /* دسترسی‌پذیری: حالت فوکوس کیبورد */ .adatask-landing a:focus-visible, .adatask-landing button:focus-visible, .adatask-landing input:focus-visible{outline:3px solid #9759e7;outline-offset:3px;border-radius:12px} .ada-skip{position:absolute;right:-9999px;top:12px;z-index:200;padding:12px 18px;border-radius:12px;background:#173454;color:#fff;font-weight:800;font-size:14px} .ada-skip:focus{right:16px} /* ---------- انیمیشن‌ها ---------- */ @keyframes adaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}} @keyframes adaFloatS{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @keyframes adaRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}} @keyframes adaRing{0%{transform:scale(.8);opacity:.5}70%{transform:scale(1.65);opacity:0}100%{opacity:0}} @keyframes adaScan{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(104px);opacity:0}} @keyframes adaWave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}} @keyframes adaLive{0%,100%{opacity:1}50%{opacity:.2}} @keyframes adaSweep{0%{transform:translateX(-130%)}100%{transform:translateX(260%)}} @keyframes adaWrite{0%{stroke-dashoffset:300}60%{stroke-dashoffset:0}100%{stroke-dashoffset:0}} @keyframes adaNode{0%,100%{box-shadow:0 0 0 0 rgba(151,89,231,0)}50%{box-shadow:0 0 0 7px rgba(151,89,231,.14)}} @keyframes adaBar{from{width:6%}} @keyframes adaGrow{0%,14%{transform:scaleX(0)}52%,100%{transform:scaleX(1)}} @keyframes adaPanA{0%,100%{transform:translateX(0)}50%{transform:translateX(-19%)}} @keyframes adaPanB{0%,100%{transform:translateX(-19%)}50%{transform:translateX(0)}} @keyframes adaGlow{0%,100%{opacity:.35}50%{opacity:.85}} /* ظاهرشدن تدریجی بخش‌ها (کلاس‌ها را homepage.js مدیریت می‌کند) */ .adatask-landing .ada-reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.7,.3,1),transform .75s cubic-bezier(.2,.7,.3,1)} .adatask-landing .ada-reveal.is-visible{opacity:1;transform:none} /* ---------- حالت‌های تعاملی (hover/focus) ---------- */ .adatask-landing .ada-i1:hover{border-color:rgba(79,168,168,.5) !important;color:#173454 !important} .adatask-landing .ada-i2:hover{border-color:#4FA8A8 !important} .adatask-landing .ada-i3:hover{border-color:#96cdcd !important;color:#173454 !important} .adatask-landing .ada-i4:hover{box-shadow:0 16px 34px rgba(151,89,231,.3) !important;transform:translateY(-1px) !important} .adatask-landing .ada-i5:hover{transform:translateY(-2px) !important;box-shadow:0 22px 44px rgba(151,89,231,.28) !important} .adatask-landing .ada-i6:hover{border-color:#96cdcd !important;transform:translateY(-2px) !important} .adatask-landing .ada-i7:hover{transform:translateY(-5px) !important;box-shadow:0 26px 54px rgba(23,52,84,.12) !important;border-color:rgba(151,89,231,.35) !important} .adatask-landing .ada-i8:hover{transform:translateY(-5px) !important;box-shadow:0 26px 54px rgba(23,52,84,.12) !important;border-color:rgba(151,89,231,.35) !important} .adatask-landing .ada-i9:hover{transform:translateY(-5px) !important;box-shadow:0 26px 54px rgba(23,52,84,.12) !important;border-color:rgba(151,89,231,.35) !important} .adatask-landing .ada-i10:hover{transform:translateY(-5px) !important;box-shadow:0 26px 54px rgba(23,52,84,.12) !important;border-color:rgba(79,168,168,.4) !important} .adatask-landing .ada-i11:hover{transform:translateY(-5px) !important;box-shadow:0 26px 54px rgba(23,52,84,.12) !important;border-color:rgba(151,89,231,.35) !important} .adatask-landing .ada-i12:hover{transform:translateY(-5px) !important;box-shadow:0 26px 54px rgba(23,52,84,.12) !important;border-color:rgba(151,89,231,.35) !important} .adatask-landing .ada-i13:hover{border-color:#96cdcd !important} .adatask-landing .ada-i14:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i15:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i16:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i17:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i18:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i19:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i20:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i21:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i22:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i23:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i24:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i25:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i26:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i27:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i28:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i29:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i30:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i31:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i32:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i33:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i34:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i35:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i36:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i37:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i38:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i39:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i40:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i41:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i42:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i43:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i44:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i45:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i46:hover{transform:translateY(-3px) !important;border-color:rgba(79,168,168,.5) !important;box-shadow:0 12px 26px rgba(23,52,84,.08) !important} .adatask-landing .ada-i47:hover{transform:translateY(-3px) !important;border-color:#9759e7 !important;box-shadow:0 12px 26px rgba(151,89,231,.14) !important} .adatask-landing .ada-i48:hover{transform:translateY(-2px) !important} .adatask-landing .ada-i49:hover{border-color:#96cdcd !important} .adatask-landing .ada-i50:hover{border-color:#96cdcd !important} .adatask-landing .ada-i51:hover{transform:translateY(-2px) !important} .adatask-landing .ada-i52:hover{border-color:#96cdcd !important} .adatask-landing .ada-i53:focus{border-color:#9759e7 !important;background:#fff !important} .adatask-landing .ada-i54:focus{border-color:#9759e7 !important;background:#fff !important} .adatask-landing .ada-i55:focus{border-color:#9759e7 !important;background:#fff !important} .adatask-landing .ada-i56:hover{transform:translateY(-2px) !important} .adatask-landing .ada-i57:hover{transform:translateY(-2px) !important} .adatask-landing .ada-i58:hover{background:rgba(255,255,255,.2) !important} /* ---------- جدول مقایسه ---------- */ .adatask-landing .ada-compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .adatask-landing #ada-compare-grid{min-width:560px} /* ---------- ریسپانسیو ---------- */ @media(max-width:1080px){ .adatask-landing header nav{display:none!important} .adatask-landing header a[href^="tel:"]{display:none!important} .adatask-landing #top{grid-template-columns:1fr!important;padding-top:34px!important;gap:38px!important} .adatask-landing #ada-stats>div{grid-template-columns:1fr 1fr!important} .adatask-landing #highlights>div:last-of-type{grid-template-columns:1fr 1fr!important} .adatask-landing #modules>div:last-of-type{grid-template-columns:repeat(4,1fr)!important} .adatask-landing #industries>div{grid-template-columns:1fr!important;padding:28px!important} .adatask-landing #security>div>div{grid-template-columns:1fr!important} .adatask-landing #webinar>div{grid-template-columns:1fr!important} .adatask-landing #pricing>div:nth-of-type(2){grid-template-columns:1fr 1fr!important} .adatask-landing #voices>div:last-of-type{grid-template-columns:1fr!important} .adatask-landing footer>div:first-child{grid-template-columns:1fr 1fr!important} } @media(max-width:680px){ .adatask-landing header>div{padding:11px 15px!important;gap:10px!important} .adatask-landing header a[href="#webinar"]{display:none!important} .adatask-landing section{padding-left:16px!important;padding-right:16px!important} .adatask-landing #top{padding-top:24px!important;padding-bottom:14px!important} .adatask-landing h1{font-size:36px!important;letter-spacing:-1.2px!important} .adatask-landing #ada-stats>div{grid-template-columns:1fr!important} .adatask-landing #highlights>div:last-of-type{grid-template-columns:1fr!important} .adatask-landing #modules>div:last-of-type{grid-template-columns:1fr 1fr!important} .adatask-landing #pricing>div:nth-of-type(2){grid-template-columns:1fr!important} .adatask-landing #pricing>div:first-of-type>div:last-child{width:100%;overflow-x:auto} .adatask-landing #webinar>div>div{padding:26px!important} .adatask-landing #security>div{padding:30px!important} .adatask-landing #register>div{padding:32px 24px!important} .adatask-landing #compare>button{padding:18px!important} .adatask-landing #ada-compare-panel>div{padding:0 16px 20px!important} .adatask-landing footer>div:first-child{grid-template-columns:1fr!important;gap:26px!important} .adatask-landing footer>div:first-child{padding:40px 16px 20px!important} .adatask-landing footer>div:last-child{padding-left:16px!important;padding-right:16px!important} } @media(max-width:380px){ .adatask-landing #modules>div:last-of-type{grid-template-columns:1fr!important} .adatask-landing h1{font-size:31px!important} } @media(max-width:420px){ .adatask-landing header a[href="/login"]{display:inline-flex!important} .adatask-landing header>div{padding:10px 12px!important;gap:8px!important} .adatask-landing header a[href="/register"]{padding:10px 14px!important;font-size:12.5px!important} .adatask-landing header img{width:36px!important;height:36px!important} .adatask-landing #register>div{padding:26px 18px!important} .adatask-landing #webinar>div>div{padding:20px!important} } /* احترام به تنظیم کاهش حرکت سیستم‌عامل */ @media (prefers-reduced-motion:reduce){ .adatask-landing *,.adatask-landing *::before,.adatask-landing *::after{animation:none!important;transition:none!important} .adatask-landing .ada-reveal{opacity:1;transform:none} } /* ADATASK_LANDING_PAYMENT_MODAL_V1 */ .adatask-landing .ada-pay-lock{overflow:hidden} .adatask-landing .ada-pay-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(15,36,57,.62);backdrop-filter:blur(8px)} .adatask-landing .ada-pay-overlay[hidden]{display:none!important} .adatask-landing .ada-pay-dialog{width:min(720px,100%);max-height:min(92vh,820px);overflow:auto;background:#fff;border:1px solid rgba(23,52,84,.10);border-radius:26px;box-shadow:0 30px 90px rgba(15,36,57,.34);padding:26px;direction:rtl} .adatask-landing .ada-pay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(23,52,84,.08)} .adatask-landing .ada-pay-title{margin:0;font-size:21px;line-height:1.5;color:#173454;font-weight:900} .adatask-landing .ada-pay-sub{margin:6px 0 0;color:#6C8398;font-size:12.5px;line-height:1.9;font-weight:600} .adatask-landing .ada-pay-close{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid rgba(23,52,84,.10);border-radius:12px;background:#F6F9FC;color:#173454;font:900 22px/1 Vazirmatn,Tahoma,sans-serif;cursor:pointer} .adatask-landing .ada-pay-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px} .adatask-landing .ada-pay-summary>div{padding:12px 14px;border:1px solid rgba(23,52,84,.08);border-radius:15px;background:#F7FAFC} .adatask-landing .ada-pay-summary small{display:block;color:#7D93AB;font-size:11px;font-weight:700} .adatask-landing .ada-pay-summary b{display:block;margin-top:5px;color:#173454;font-size:13px;font-weight:900} .adatask-landing .ada-pay-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px} .adatask-landing .ada-pay-field{display:grid;gap:7px} .adatask-landing .ada-pay-field.full{grid-column:1/-1} .adatask-landing .ada-pay-field>span{font-size:12px;color:#41586F;font-weight:800} .adatask-landing .ada-pay-field input,.adatask-landing .ada-pay-field select{width:100%;min-height:48px;border:1px solid rgba(23,52,84,.13);border-radius:13px;background:#F9FBFD;color:#173454;padding:11px 13px;font:600 13.5px/1.6 Vazirmatn,Tahoma,sans-serif;outline:none} .adatask-landing .ada-pay-field input:focus,.adatask-landing .ada-pay-field select:focus{border-color:#9759e7;box-shadow:0 0 0 3px rgba(151,89,231,.12)} .adatask-landing .ada-pay-note{margin:16px 0 0;padding:12px 14px;border-radius:13px;background:#F2F8F8;color:#416B70;font-size:11.5px;line-height:1.9;font-weight:650} .adatask-landing .ada-pay-error{min-height:24px;margin-top:12px;color:#B42318;font-size:12.5px;line-height:1.8;font-weight:800} .adatask-landing .ada-pay-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px} .adatask-landing .ada-pay-cancel,.adatask-landing .ada-pay-submit{min-height:48px;border:0;border-radius:14px;padding:12px 20px;font:850 13.5px/1.4 Vazirmatn,Tahoma,sans-serif;cursor:pointer} .adatask-landing .ada-pay-cancel{background:#F1F5F8;color:#173454;border:1px solid rgba(23,52,84,.09)} .adatask-landing .ada-pay-submit{min-width:210px;background:linear-gradient(135deg,#173454,#9759e7);color:#fff;box-shadow:0 14px 30px rgba(151,89,231,.24)} .adatask-landing .ada-pay-submit[disabled]{opacity:.62;cursor:wait;box-shadow:none} @media(max-width:640px){.adatask-landing .ada-pay-overlay{padding:10px;align-items:end}.adatask-landing .ada-pay-dialog{max-height:94vh;border-radius:24px 24px 12px 12px;padding:20px 16px}.adatask-landing .ada-pay-form{grid-template-columns:1fr}.adatask-landing .ada-pay-field.full{grid-column:auto}.adatask-landing .ada-pay-summary{grid-template-columns:1fr}.adatask-landing .ada-pay-actions{display:grid;grid-template-columns:1fr 1fr}.adatask-landing .ada-pay-cancel,.adatask-landing .ada-pay-submit{width:100%;min-width:0}} /* /ADATASK_LANDING_PAYMENT_MODAL_V1 */