.content{ margin:0; background:linear-gradient(145deg,rgba(255,255,255,.98) 0,rgba(234,244,255,.92) 100%); border:1px solid rgba(86,126,255,.18); box-shadow:0 28px 60px rgba(15,23,42,.14); padding:0 26px; font-weight:400; font-size:16px; line-height:26px; color:#24304a!important; border-radius:0 0 22px 22px; max-height:0; opacity:0; overflow:hidden; transform-origin:top center; transition:max-height .45s ease,opacity .35s ease,padding .35s ease,margin .35s ease; } .content.open{ margin:-14px 0 18px; padding:24px 26px 26px; opacity:1; } .content p{ font-weight:400; font-size:16px; line-height:26px; margin-bottom:0; color:inherit!important; } .collapsible{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; background:rgba(244,247,255,.9); border:1px solid rgba(56,116,255,.16); box-shadow:0 18px 40px rgba(12,36,71,.12); border-radius:20px; color:#133161; cursor:pointer; padding:20px 26px; width:100%; text-align:left; outline:0; font-size:18px; font-weight:700; transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease; overflow:hidden; z-index:0; backdrop-filter:blur(6px); } .collapsible::before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(49,160,255,.65),rgba(6,102,255,.45),rgba(165,108,255,.4)); opacity:0; transition:opacity .35s ease; z-index:-1; } .collapsible::after{ content:"\002B"; position:relative; flex:0 0 44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:linear-gradient(135deg,#31a0ff,#6f45ff); color:#fff; font-size:22px; font-weight:700; box-shadow:0 15px 30px rgba(49,160,255,.35); transition:transform .35s ease,background .35s ease,box-shadow .35s ease; } .collapsible:hover{ transform:translateY(-4px); box-shadow:0 24px 55px rgba(9,68,166,.18); border-color:rgba(49,160,255,.32); background:rgba(255,255,255,.98); } .collapsible:hover::before{ opacity:.45; } .collapsible:hover::after{ transform:scale(1.05); } .collapsible.active{ transform:translateY(-6px); box-shadow:0 28px 60px rgba(9,68,166,.22); border-color:rgba(49,160,255,.45); background:rgba(255,255,255,.98); } .collapsible.active::before{ opacity:.7; } .collapsible.active::after{ content:"\2212"; transform:rotate(180deg); background:linear-gradient(135deg,#1d8bff,#4c54ff); box-shadow:0 18px 40px rgba(27,99,255,.35); } html.dark-mode .collapsible{ color:#e2e8f0 !important; background:rgba(15,23,42,.75); border:1px solid rgba(94,234,212,.18); box-shadow:0 22px 48px rgba(8,47,73,.4); } html.dark-mode .collapsible::before{ background:linear-gradient(120deg,rgba(20,184,166,.45),rgba(56,189,248,.35),rgba(129,140,248,.55)); } html.dark-mode .collapsible::after{ background:linear-gradient(135deg,#0ea5e9,#6366f1); box-shadow:0 18px 38px rgba(15,118,110,.45); } html.dark-mode .collapsible.active::after{ background:linear-gradient(135deg,#22d3ee,#818cf8); } html.dark-mode .content{ background:linear-gradient(145deg,rgba(15,23,42,.94) 0,rgba(15,23,42,.88) 100%); border:1px solid rgba(94,234,212,.16); box-shadow:0 32px 70px rgba(7,40,70,.45); color:#e2e8f0!important; } html.dark-mode .content.open{ margin:-14px 0 18px; } @media (max-width:575px){ .collapsible{ margin-bottom:12px; padding:18px 20px; font-size:17px; } .collapsible::after{ flex:0 0 38px; height:38px; font-size:20px; } .content.open{ padding:20px 20px 22px; } } .home-cta-banner { position: relative; z-index: 1; padding: 8px 0 56px; } .home-cta { position: relative; max-width: 1120px; margin: 0 auto; } .home-cta__card { position: relative; isolation: isolate; overflow: hidden; text-align: center; color: #fff; border-radius: 32px; padding: 56px 48px 52px; background: radial-gradient(820px 380px at 0% 115%, rgba(56, 189, 248, 0.32), transparent 58%), radial-gradient(720px 360px at 108% -10%, rgba(129, 140, 248, 0.55), transparent 52%), linear-gradient(118deg, #071433 0%, #16307a 36%, #3a57e8 70%, #4f46e5 100%); box-shadow: 0 28px 64px rgba(58, 87, 232, 0.32), 0 0 0 1px rgba(255, 255, 255, 0.14) inset; } .home-cta__card::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(ellipse at 50% 40%, #000 20%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 20%, transparent 75%); pointer-events: none; z-index: 0; } .home-cta__orb { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; filter: blur(2px); } .home-cta__orb--a { width: 280px; height: 280px; left: -90px; bottom: -120px; background: radial-gradient(circle, rgba(56, 189, 248, 0.38), transparent 68%); } .home-cta__orb--b { width: 240px; height: 240px; right: -70px; top: -90px; background: radial-gradient(circle, rgba(165, 180, 252, 0.42), transparent 68%); } .home-cta__shine { position: absolute; inset: -40% auto -40% -30%; width: 42%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent); transform: skewX(-18deg); animation: homeCtaShine 7.5s ease-in-out infinite; pointer-events: none; z-index: 1; } @keyframes homeCtaShine { 0%, 28% { transform: translateX(0) skewX(-18deg); opacity: 0; } 42% { opacity: 1; } 70%, 100% { transform: translateX(420%) skewX(-18deg); opacity: 0; } } .home-cta__badge, .home-cta__title, .home-cta__text, .home-cta__actions { position: relative; z-index: 2; } .home-cta__badge { display: inline-flex; align-items: center; margin: 0 0 18px; padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.22); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .home-cta__title, #home-cta-title { margin: 0 auto 12px; max-width: 22em; color: #dce4ff !important; font-size: clamp(1.7rem, 3.4vw, 2.65rem); font-weight: 800; line-height: 1.18; letter-spacing: -0.03em; } .home-cta__text { margin: 0 auto; max-width: 38em; color: rgba(255, 255, 255, 0.88); font-size: 16px; line-height: 1.65; } .home-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; } .home-cta__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 22px; border-radius: 14px; font-size: 15px; font-weight: 800; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease; } .home-cta__btn--primary { background: #fff; color: #16307a !important; box-shadow: 0 12px 28px rgba(7, 20, 51, 0.28); } .home-cta__btn--primary i { font-size: 13px; } .home-cta__btn--primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(7, 20, 51, 0.34); color: #3a57e8 !important; } .home-cta__btn--ghost { background: rgba(255, 255, 255, 0.06); color: #fff !important; border: 1.5px solid rgba(255, 255, 255, 0.42); } .home-cta__btn--ghost:hover { background: rgba(255, 255, 255, 0.14); border-color: #fff; transform: translateY(-2px); color: #fff !important; } html.dark-mode .home-cta__card, body.dark-mode .home-cta__card { background: radial-gradient(820px 380px at 0% 115%, rgba(56, 189, 248, 0.22), transparent 58%), radial-gradient(720px 360px at 108% -10%, rgba(99, 102, 241, 0.42), transparent 52%), linear-gradient(118deg, #050b1c 0%, #12275f 38%, #2f48c9 72%, #4338ca 100%); box-shadow: 0 28px 64px rgba(15, 23, 42, 0.55), 0 0 0 1px rgba(148, 163, 184, 0.16) inset; } @media (max-width: 767.98px) { .home-cta-banner { padding: 4px 0 28px; } .home-cta__card { border-radius: 24px; padding: 36px 20px 32px; } .home-cta__title { max-width: none; } .home-cta__actions { flex-direction: column; align-items: stretch; } .home-cta__btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { .home-cta__shine { animation: none; display: none; } } [dir="rtl"] .home-cta__btn--primary i { transform: scaleX(-1); } .home-appbar { position: relative; z-index: 1; padding: 0 0 40px; } .home-appbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; max-width: 1120px; margin: 0 auto; padding: 12px 16px 12px 18px; border-radius: 16px; background: #eef2ff; border: 1px solid rgba(58, 87, 232, 0.16); box-shadow: 0 8px 22px rgba(58, 87, 232, 0.07); } .home-appbar__text { margin: 0; flex: 1 1 auto; color: #1e293b; font-size: 14.5px; font-weight: 600; line-height: 1.45; text-align: start; } .home-appbar__links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex-shrink: 0; } .home-appbar__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 13px; font-weight: 800; line-height: 1; text-decoration: none !important; white-space: nowrap; transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .home-appbar__link i { font-size: 13px; } .home-appbar__link--app { background: #3a57e8; color: #fff !important; box-shadow: 0 6px 14px rgba(58, 87, 232, 0.28); } .home-appbar__link--app:hover { background: #2a43c7; color: #fff !important; transform: translateY(-1px); } .home-appbar__link--ext { background: #fff; color: #3a57e8 !important; border: 1.5px solid rgba(58, 87, 232, 0.28); } .home-appbar__link--ext:hover { background: #f8faff; border-color: #3a57e8; color: #3a57e8 !important; transform: translateY(-1px); } html.dark-mode .home-appbar__inner, body.dark-mode .home-appbar__inner { background: #1e293b; border-color: rgba(148, 163, 184, 0.18); box-shadow: 0 8px 22px rgba(2, 6, 23, 0.28); } html.dark-mode .home-appbar__text, body.dark-mode .home-appbar__text { color: #e2e8f0; } html.dark-mode .home-appbar__link--ext, body.dark-mode .home-appbar__link--ext { background: #0f172a; color: #93a8ff !important; border-color: rgba(147, 168, 255, 0.32); } html.dark-mode .home-appbar__link--ext:hover, body.dark-mode .home-appbar__link--ext:hover { background: #162033; border-color: #93a8ff; color: #c7d2fe !important; } html.deep-blue .home-appbar__inner { background: var(--db-surface); border-color: var(--db-border-strong); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28); } html.deep-blue .home-appbar__text { color: var(--db-text); } html.deep-blue .home-appbar__link--ext { background: var(--db-surface-2); color: #c7d2fe !important; border-color: var(--db-border-strong); } html.deep-blue .home-appbar__link--ext:hover { background: var(--db-surface-3); border-color: #3a57e8; color: #fff !important; } @media (max-width: 767.98px) { .home-appbar { padding: 0 0 24px; } .home-appbar__inner { flex-direction: column; align-items: stretch; padding: 14px 14px 12px; border-radius: 14px; } .home-appbar__links { width: 100%; } .home-appbar__link { flex: 1 1 auto; } } .pay-section { position: relative; z-index: 1; } .payments-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; max-width: 1120px; margin: 0 auto; } .payments-grid .payment-card { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 96px; padding: 20px 18px; border-radius: 18px; background: radial-gradient(120% 160% at 0% 0%, rgba(58, 87, 232, 0.1), transparent 58%), #fff; border: 1px solid rgba(58, 87, 232, 0.12); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.72) inset; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .payments-grid .payment-card::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(58, 87, 232, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(58, 87, 232, 0.05) 1px, transparent 1px); background-size: 18px 18px; mask-image: radial-gradient(ellipse at 50% 40%, #000 12%, transparent 74%); -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 12%, transparent 74%); pointer-events: none; opacity: 0.7; } .payments-grid .payment-card::after { content: ""; position: absolute; width: 140px; height: 140px; inset-inline-end: -48px; bottom: -62px; border-radius: 50%; background: rgba(58, 87, 232, 0.14); pointer-events: none; } .payments-grid .payment-card:hover { transform: translateY(-6px); border-color: rgba(58, 87, 232, 0.38); box-shadow: 0 20px 40px rgba(58, 87, 232, 0.18); } .payments-grid .payment-card img { position: relative; z-index: 1; width: auto; max-width: 78%; height: 36px; object-fit: contain; } html.dark-mode .payments-grid .payment-card, body.dark-mode .payments-grid .payment-card { background: radial-gradient(120% 160% at 0% 0%, rgba(58, 87, 232, 0.22), transparent 58%), #1e293b; border-color: rgba(148, 163, 184, 0.16); box-shadow: 0 16px 32px rgba(2, 6, 23, 0.28); } html.dark-mode .payments-grid .payment-card::after, body.dark-mode .payments-grid .payment-card::after { background: rgba(58, 87, 232, 0.28); } html.dark-mode .payments-grid .payment-card img, body.dark-mode .payments-grid .payment-card img { background: #fff; padding: 7px 12px; border-radius: 10px; } html.deep-blue .payments-grid .payment-card { background: radial-gradient(120% 160% at 0% 0%, rgba(58, 87, 232, 0.2), transparent 58%), var(--db-surface); border-color: var(--db-border-strong); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28); } @media (max-width: 991.98px) { .payments-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .payments-grid .payment-card { min-height: 78px; padding: 14px 12px; border-radius: 14px; } .payments-grid .payment-card img { height: 28px; max-width: 86%; } } @media (prefers-reduced-motion: reduce) { .payments-grid .payment-card, .payments-grid .payment-card:hover { transition: none; transform: none; } } .home-rec { position: relative; z-index: 1; padding: 12px 0 40px; } .home-rec__card { position: relative; overflow: hidden; isolation: isolate; border-radius: 28px; padding: 18px 18px 20px; background: radial-gradient(720px 280px at 0% 0%, rgba(56, 189, 248, 0.22), transparent 55%), radial-gradient(640px 260px at 100% 100%, rgba(99, 102, 241, 0.28), transparent 52%), linear-gradient(145deg, #12275f 0%, #1e3a8a 42%, #3a57e8 100%); box-shadow: 0 24px 48px rgba(58, 87, 232, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.12) inset; } .home-rec__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; padding: 10px 14px; border-radius: 999px; background: rgba(7, 20, 51, 0.42); border: 1px solid rgba(255, 255, 255, 0.12); } .home-rec__brand { display: flex; align-items: center; gap: 10px; min-width: 0; } .home-rec__bolt { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #fbbf24, #f59e0b); box-shadow: 0 8px 18px rgba(245, 158, 11, 0.35); } .home-rec__title, #home-rec-title { margin: 0; color: #dce4ff !important; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-rec__all { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 8px 14px; border-radius: 999px; color: #fff !important; text-decoration: none !important; font-size: 13px; font-weight: 800; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.18); transition: transform 0.2s ease, background 0.2s ease; } .home-rec__all:hover { background: rgba(255, 255, 255, 0.18); transform: translateY(-1px); color: #fff !important; } .home-rec__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .home-rec__item { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 14px; border-radius: 16px; background: #fff; text-decoration: none !important; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease; } .home-rec__item:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14); } .home-rec__id { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; padding: 5px 8px; border-radius: 999px; background: #3a57e8; color: #fff; font-size: 12px; font-weight: 800; flex-shrink: 0; } .home-rec__info { min-width: 0; flex: 1 1 auto; } .home-rec__name { display: block; color: #0f172a; font-size: 13.5px; font-weight: 800; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-rec__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; } .home-rec__time { color: #16a34a; font-size: 12px; font-weight: 700; } .home-rec__rate { display: inline-flex; align-items: center; gap: 4px; color: #0f766e; font-size: 11px; font-weight: 800; } .home-rec__price { flex-shrink: 0; color: #0f172a; font-size: 14px; font-weight: 800; } html.dark-mode .home-rec__item, body.dark-mode .home-rec__item { background: #111827; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28); } html.dark-mode .home-rec__name, html.dark-mode .home-rec__price, body.dark-mode .home-rec__name, body.dark-mode .home-rec__price { color: #f8fafc; } [dir="rtl"] .home-rec__all i { transform: scaleX(-1); } @media (max-width: 991.98px) { .home-rec__grid { grid-template-columns: 1fr; } } @media (max-width: 575px) { .home-rec { padding: 4px 0 24px; } .home-rec__card { border-radius: 22px; padding: 12px; } .home-rec__head { padding: 8px 10px; } .home-rec__title { font-size: 0.92rem; } .home-rec__all { padding: 6px 10px; font-size: 12px; } .home-rec__item { padding: 10px 10px; gap: 8px; } .home-rec__id { min-width: 44px; font-size: 11px; } } .home-section.nlm2, .home-section { margin-top: 0 !important; padding: 8px 0 48px; overflow: visible; background: transparent !important; position: relative; z-index: 1; } .tit_sec.nlm { margin-top: 28px !important; margin-bottom: 20px; padding: 0 16px; position: relative; z-index: 1; overflow: visible; background: transparent !important; } #homePriv:not(.feat-band), #homePriv.card-bg, .home-section .card-bg { transform: none !important; margin-top: 0 !important; height: auto !important; background: transparent !important; overflow: visible; } .home-section .absolute { display: none !important; } #homePriv .card, .home-section .card.lb { min-height: 0 !important; height: 100%; transform: none !important; border: 1px solid rgba(58, 87, 232, 0.1); border-radius: 18px; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06); } .feat-band { position: relative; z-index: 1; margin: 8px 0 20px; padding: 32px 0 28px; overflow: hidden; background: radial-gradient(ellipse 70% 50% at 12% 0%, rgba(58, 87, 232, 0.28) 0%, transparent 58%), radial-gradient(ellipse 50% 40% at 92% 100%, rgba(6, 102, 255, 0.18) 0%, transparent 60%), #0b1220 !important; } .feat-band::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.28; background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.09'%3E%3Ccircle cx='8' cy='8' r='1.2'/%3E%3Ccircle cx='36' cy='36' r='1.2'/%3E%3Ccircle cx='64' cy='64' r='1.2'/%3E%3C/g%3E%3C/svg%3E"); } .feat-band .container { position: relative; z-index: 1; } .feat-band .tit_sec.nlm { margin-top: 0 !important; margin-bottom: 22px !important; } .feat-band .home-title { color: #fff !important; } .feat-band .home-title .text-gradient-info { color: #8da2ff !important; -webkit-text-fill-color: #8da2ff !important; } .feat-band .p-title2 { color: #94a3b8 !important; margin-top: 8px !important; } .feat-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; } .feat-card { --feat-ink: #3a57e8; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; grid-column: span 4; min-height: 0; padding: 16px 16px 14px; border: 0; border-radius: 18px; color: #fff; background: linear-gradient(145deg, #3a57e8 0%, #0666ff 100%); box-shadow: 0 22px 48px rgba(2, 6, 23, 0.28); transition: transform 0.22s ease, box-shadow 0.22s ease; } .feat-card:nth-child(n+4) { min-height: 0; } .feat-card:nth-child(n+7) { grid-column: span 6; } .feat-card::before { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; bottom: -80px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); pointer-events: none; } .feat-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, transparent 42%); pointer-events: none; } .feat-card:hover { transform: translateY(-8px); box-shadow: 0 28px 56px rgba(2, 6, 23, 0.38); } .feat-card--a { background: linear-gradient(145deg, #3a57e8 0%, #0666ff 100%); --feat-ink: #3a57e8; } .feat-card--b { background: linear-gradient(145deg, #f59e0b 0%, #f97316 100%); --feat-ink: #ea580c; } .feat-card--c { background: linear-gradient(145deg, #3190ff 0%, #7c3aed 100%); --feat-ink: #4f46e5; } .feat-card--d { background: linear-gradient(145deg, #06b6d4 0%, #2563eb 100%); --feat-ink: #0284c7; } .feat-card--e { background: linear-gradient(145deg, #10b981 0%, #059669 100%); --feat-ink: #047857; } .feat-card--f { background: linear-gradient(145deg, #ef4444 0%, #b91c1c 100%); --feat-ink: #dc2626; } .feat-card--g { background: linear-gradient(145deg, #0ea5e9 0%, #3a57e8 100%); --feat-ink: #0369a1; } .feat-card--h { background: linear-gradient(145deg, #334155 0%, #1e293b 100%); --feat-ink: #1e293b; } .feat-card__icon { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 0 10px; border-radius: 42% 58% 48% 52% / 52% 40% 60% 48%; background: #fff; color: var(--feat-ink); font-size: 18px; box-shadow: 0 8px 16px rgba(15, 23, 42, 0.16); } .feat-card__title { position: relative; z-index: 1; margin: 0 0 6px; color: #fff; font-size: 16px; font-weight: 800; line-height: 1.25; letter-spacing: -0.03em; } .feat-card__text { position: relative; z-index: 1; margin: 0; color: rgba(255, 255, 255, 0.88); font-size: 12.5px; font-weight: 500; line-height: 1.5; } .feat-card__text strong { color: #fff; font-weight: 700; } html.dark-mode .feat-band { background: radial-gradient(ellipse 70% 50% at 12% 0%, rgba(58, 87, 232, 0.32) 0%, transparent 58%), radial-gradient(ellipse 50% 40% at 92% 100%, rgba(6, 102, 255, 0.2) 0%, transparent 60%), #070b14; } @media (max-width: 1199.98px) { .feat-card, .feat-card:nth-child(n+7) { grid-column: span 6; } } @media (max-width: 767.98px) { .feat-band { padding: 36px 0 32px; } .feat-card, .feat-card:nth-child(n+7) { grid-column: span 12; min-height: 0; } .feat-card__title { font-size: 15px; } } .quick-response-details { z-index: 1; margin-bottom: 2rem !important; overflow-x: clip; overflow-y: visible !important; } .quick-response-details__inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px !important; width: 100% !important; flex-direction: unset !important; } .quick-response-detail { position: relative; overflow: hidden; display: flex; align-items: center; gap: 16px; width: auto !important; min-height: 108px; padding: 20px 22px !important; border: 1px solid rgba(49, 144, 255, 0.16) !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, #f7faff 100%) !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.7) inset !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .quick-response-detail { --stat: #3a57e8; --stat-2: #0666ff; --stat-soft: rgba(58, 87, 232, 0.2); } .quick-response-detail:nth-child(1) { --stat: #f59e0b; --stat-2: #ea580c; --stat-soft: rgba(245, 158, 11, 0.22); } .quick-response-detail:nth-child(2) { --stat: #3a57e8; --stat-2: #0666ff; --stat-soft: rgba(58, 87, 232, 0.22); } .quick-response-detail:nth-child(3) { --stat: #10b981; --stat-2: #059669; --stat-soft: rgba(16, 185, 129, 0.22); } .quick-response-detail::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--stat); } .quick-response-detail:hover { transform: translateY(-4px); border-color: var(--stat) !important; box-shadow: 0 22px 48px var(--stat-soft), 0 0 0 1px rgba(255, 255, 255, 0.8) inset !important; } .quick-response-detail__img { flex-shrink: 0; width: 56px !important; height: 56px !important; border-radius: 16px !important; background: linear-gradient(135deg, var(--stat) 0%, var(--stat-2) 100%) !important; color: #fff !important; box-shadow: 0 10px 20px var(--stat-soft); } .quick-response-detail__img i { font-size: 20px; } .quick-response-detail__content { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .quick-response-detail__content .home-text, .quick-response-detail__content span:first-child { color: #0f172a !important; font-size: 1.55rem !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -0.03em; } .quick-response-detail__content .text-small, .quick-response-detail__content span:last-child { color: #64748b !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; } html.dark-mode .quick-response-detail { background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(15, 23, 42, 0.94) 100%) !important; border-color: rgba(148, 163, 184, 0.16) !important; box-shadow: 0 18px 40px rgba(2, 6, 23, 0.45) !important; } html.dark-mode .quick-response-detail__content .home-text, html.dark-mode .quick-response-detail__content span:first-child { color: #f8fafc !important; } html.dark-mode .quick-response-detail__content .text-small, html.dark-mode .quick-response-detail__content span:last-child { color: #94a3b8 !important; } @media (max-width: 991.98px) { .quick-response-details__inner { grid-template-columns: 1fr !important; } } .pr-wrap-outer { position: relative; z-index: 2; margin: 16px 0 4px; padding: 8px 12px 12px; overflow: visible; } .pr-wrap-outer::before { content: ""; position: absolute; inset: 8% 6% auto; height: 58%; pointer-events: none; background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(58, 87, 232, 0.16) 0%, transparent 68%), radial-gradient(ellipse 36% 40% at 8% 78%, rgba(49, 144, 255, 0.12) 0%, transparent 62%), radial-gradient(ellipse 36% 40% at 92% 72%, rgba(6, 102, 255, 0.1) 0%, transparent 62%); } .pr-wrap-outer::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.38; background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233a57e8' fill-opacity='0.11'%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3Ccircle cx='36' cy='36' r='1.4'/%3E%3Ccircle cx='64' cy='64' r='1.4'/%3E%3C/g%3E%3C/svg%3E"); } .pr-results-section { position: relative; z-index: 1; } .pr-results-head { display: none; } .pr-results-section .pr-showcase { margin: 0 auto !important; padding: 28px 0 32px !important; max-width: 920px; border-top: 3px solid #1e293b; } .pr-results-section .pr-badge { padding: 5px 12px; font-size: 12px; } .pr-results-section .pr-title { font-size: clamp(20px, 3vw, 28px) !important; margin: 10px 0 14px !important; } .pr-results-section .pr-tabs { gap: 6px; margin-bottom: 12px; } .pr-results-section .pr-tab { padding: 7px 12px; font-size: 13px; } .pr-results-section .pr-ba { margin-bottom: 14px; } .pr-results-section .pr-ba__track { max-width: 260px; padding: 4px; } .pr-results-section .pr-ba__opt { padding: 8px 12px; font-size: 13px; } .pr-results-section .pr-mock, .pr-results-section .pr-mock--instagram.pr-ig-page { max-width: 360px; } .pr-results-section .pr-mock__body { padding: 12px 12px 14px; min-height: 0; } .pr-results-section .pr-bubble { padding: 8px 11px; font-size: 13px; margin-bottom: 8px; } body:not(.dark-mode) .pr-results-section .pr-showcase--telegram-light, body:not(.dark-mode) .pr-results-section .pr-showcase--instagram-light, body:not(.dark-mode) .pr-results-section .pr-showcase--youtube-light, body:not(.dark-mode) .pr-results-section .pr-showcase--tiktok-light, body:not(.dark-mode) .pr-results-section .pr-showcase--x-light { background: linear-gradient(180deg, #f7f9ff 0%, #eef3ff 48%, #e8eeff 100%); box-shadow: 0 28px 70px rgba(58, 87, 232, 0.16), 0 0 0 1px rgba(58, 87, 232, 0.08); } body:not(.dark-mode) .pr-results-section .pr-badge { background: #0f172a; border-color: rgba(58, 87, 232, 0.4); color: #fff; box-shadow: 0 8px 22px rgba(58, 87, 232, 0.18); } body:not(.dark-mode) .pr-results-section .pr-badge i, body:not(.dark-mode) .pr-results-section .pr-badge-x-char { color: #8da2ff; } body:not(.dark-mode) .pr-results-section .pr-title { letter-spacing: -0.035em; } body:not(.dark-mode) .pr-results-section .pr-title__accent { background: none; color: #3a57e8; -webkit-text-fill-color: #3a57e8; } body:not(.dark-mode) .pr-results-section .pr-tab { background: #eef3fb; border-color: transparent; color: #334155; } body:not(.dark-mode) .pr-results-section .pr-tab i { color: #3a57e8; } body:not(.dark-mode) .pr-results-section .pr-tab:hover { background: #e4ebff; transform: translateY(-2px); } body:not(.dark-mode) .pr-results-section .pr-tab.is-active { background: #3a57e8; color: #fff; box-shadow: 0 10px 28px rgba(58, 87, 232, 0.38); } body:not(.dark-mode) .pr-results-section .pr-tab.is-active i { color: #fff; } body:not(.dark-mode) .pr-results-section .pr-ba__track { background: #fff; border-color: rgba(15, 23, 42, 0.08); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06); } body:not(.dark-mode) .pr-results-section .pr-ba__pill { background: #3a57e8; box-shadow: 0 6px 18px rgba(58, 87, 232, 0.4); } body:not(.dark-mode) .pr-results-section .pr-ba__opt { color: #64748b; } body:not(.dark-mode) .pr-results-section .pr-ba__opt.is-active { color: #fff; } body:not(.dark-mode) .pr-results-section .pr-mock { border-color: rgba(30, 41, 59, 0.1); box-shadow: 0 26px 60px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(58, 87, 232, 0.08); } body:not(.dark-mode) .pr-results-section .pr-bubble--out { background: linear-gradient(135deg, #3190ff 0%, #0666ff 100%); } .pr-results-section .pr-mock { animation: pr-float 5.6s ease-in-out infinite; } @keyframes pr-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .pr-results-section .pr-showcase-nav__icon { width: 36px; height: 36px; background: #1e293b; color: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.28); transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .pr-results-section .pr-showcase-nav:hover .pr-showcase-nav__icon { background: #3a57e8; transform: scale(1.06); box-shadow: 0 14px 32px rgba(58, 87, 232, 0.4); } html.dark-mode .pr-wrap-outer::before { background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(58, 87, 232, 0.22) 0%, transparent 68%), radial-gradient(ellipse 36% 40% at 8% 78%, rgba(49, 144, 255, 0.12) 0%, transparent 62%), radial-gradient(ellipse 36% 40% at 92% 72%, rgba(6, 102, 255, 0.1) 0%, transparent 62%); } html.dark-mode .pr-results-section .pr-showcase { border-top-color: #3a57e8; } html.dark-mode .pr-results-section .pr-title__accent { background: none; color: #8da2ff; -webkit-text-fill-color: #8da2ff; } html.dark-mode .pr-results-section .pr-tab.is-active, html.dark-mode .pr-results-section .pr-ba__pill { background: #3a57e8; box-shadow: 0 10px 28px rgba(58, 87, 232, 0.35); } html.dark-mode .pr-results-section .pr-showcase-nav__icon { background: #1e293b; border: 1px solid rgba(148, 163, 184, 0.22); } html.dark-mode .pr-results-section .pr-showcase-nav:hover .pr-showcase-nav__icon { background: #3a57e8; border-color: transparent; } @media (prefers-reduced-motion: reduce) { .pr-results-section .pr-mock { animation: none; } } @media (max-width: 767px) { .pr-wrap-outer { margin-top: 8px; padding: 4px 8px 8px; } .pr-results-section .pr-showcase { padding: 20px 0 24px !important; margin: 0 8px !important; } .pr-results-section .pr-showcase-nav__icon { width: 32px; height: 32px; } } .logai, #Login .logai { padding: 28px 24px !important; border-radius: 22px !important; overflow: hidden !important; } .logai::before, #Login .logai::before { background: linear-gradient(90deg, #3190ff 0%, #0666ff 40%, #3a57e8 70%, #3190ff 100%) !important; background-size: 240% 100% !important; border-radius: 22px 22px 0 0 !important; } .logai:hover, #Login .logai:hover { transform: none !important; } .logai .form-group, .logai .auth-field, .logai .mb-3 { margin-bottom: 14px !important; } .logai .form-group label, .logai .auth-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 13px; font-weight: 700; line-height: 1.2; } .logai .form-control, .logai .form-control-lg { height: 48px !important; min-height: 48px !important; padding: 0 14px !important; border-radius: 12px !important; border: 1.5px solid #d7e3f4 !important; background: #fff !important; color: #0f172a !important; font-size: 15px !important; line-height: 1.4 !important; box-shadow: none !important; transform: none !important; } .logai .form-control:focus, .logai .form-control-lg:focus { border-color: #3190ff !important; box-shadow: 0 0 0 4px rgba(49, 144, 255, 0.14) !important; transform: none !important; } .logai > a, .logai .d-grid, .logai .d-grid > a { display: block; width: 100%; } .logai .login-with-google-btn { display: flex !important; width: 100% !important; height: 48px; justify-content: center; align-items: center; margin: 0 !important; padding: 0 16px 0 48px !important; border-radius: 12px !important; border: 1.5px solid #d7e3f4 !important; background-color: #fff; background-repeat: no-repeat; background-position: 16px center; background-size: 18px 18px; font-size: 14px; font-weight: 700; color: #334155; transform: none !important; } .logai .btn-blue, .logai .btn-lg.btn-blue { display: inline-flex !important; align-items: center; justify-content: center; width: 100%; height: 48px; min-height: 48px; margin: 4px 0 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important; background-image: linear-gradient(135deg, #3190ff 0%, #0666ff 100%) !important; background-color: #0666ff !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; color: #fff !important; font-size: 15px !important; font-weight: 800; box-shadow: 0 8px 18px rgba(6, 102, 255, 0.24); transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, background-image 0.2s ease; } .logai .btn-blue:hover, .logai .btn-lg.btn-blue:hover, .logai .btn-blue:focus, .logai .btn-lg.btn-blue:focus { background-image: linear-gradient(135deg, #5aa6ff 0%, #0052e0 100%) !important; background-color: #0052e0 !important; box-shadow: 0 14px 28px rgba(6, 102, 255, 0.38) !important; transform: translateY(-2px) !important; } .logai .btn-blue::before { display: none !important; } .logai .links { margin-top: 14px; text-align: center; font-size: 13px; font-weight: 700; } .logai .links a { color: #0666ff !important; } .logai .login-label-span { position: absolute; top: 50%; right: 12px; z-index: 2; max-width: 46%; padding: 0; background: none !important; background-image: none !important; font-size: 11px; font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform: translateY(-50%); pointer-events: auto; } .logai .login-label-span a { color: #0666ff !important; text-decoration: none !important; } .logai .position-relative > .form-control { padding-right: 118px !important; } .logai .auth-title, .logai .hfont { margin: 0 0 18px !important; color: #0f172a !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: -0.03em; text-align: center; } .logai .auth-or { display: flex; align-items: center; gap: 12px; margin: 16px 0 18px; color: #94a3b8; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .logai .auth-or::before, .logai .auth-or::after { content: ""; flex: 1; height: 1px; background: #e2e8f0; } html.dark-mode .logai .form-group label, html.dark-mode .logai .auth-field label, body.dark-mode .logai .form-group label { color: #cbd5e1; } html.dark-mode .logai .form-control, html.dark-mode .logai .form-control-lg, body.dark-mode .logai .form-control { background: #0f172a !important; border-color: #334155 !important; color: #e2e8f0 !important; } html.dark-mode .logai .auth-title, html.dark-mode .logai .hfont, body.dark-mode .logai .hfont { color: #f8fafc !important; } html.dark-mode .logai .login-with-google-btn { background-color: #1e293b; border-color: #334155 !important; color: #e2e8f0; } html.dark-mode .logai .auth-or::before, html.dark-mode .logai .auth-or::after { background: #334155; } [dir="rtl"] .logai .login-label-span { right: auto !important; left: 10px !important; max-width: 58%; } [dir="rtl"] .logai .position-relative > .form-control { padding-right: 16px !important; padding-left: 58% !important; } html.dark-mode .logai .login-label-span, html.dark-mode .logai .login-label-span a { background: none !important; background-image: none !important; color: #7dd3fc !important; } body.auth-page { background: radial-gradient(980px 460px at 8% -8%, rgba(49, 144, 255, 0.26), transparent 58%), radial-gradient(820px 420px at 100% 0%, rgba(6, 102, 255, 0.18), transparent 52%), linear-gradient(180deg, #e8f1ff 0%, #f5f8ff 42%, #ffffff 100%); } html.dark-mode body.auth-page { background: radial-gradient(980px 460px at 8% -8%, rgba(49, 144, 255, 0.22), transparent 58%), radial-gradient(820px 420px at 100% 0%, rgba(6, 102, 255, 0.16), transparent 52%), linear-gradient(180deg, #07111f 0%, #0b1628 48%, #0f172a 100%); } .auth-shell { position: relative; z-index: 1; display: flex; align-items: center; min-height: calc(100vh - 76px); padding: 36px 0 72px; overflow: hidden; } .auth-shell__fx { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .auth-shell__fx::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(58, 87, 232, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(58, 87, 232, 0.07) 1px, transparent 1px); background-size: 46px 46px; mask-image: radial-gradient(ellipse at 50% 28%, #000 18%, transparent 78%); -webkit-mask-image: radial-gradient(ellipse at 50% 28%, #000 18%, transparent 78%); } .auth-shell__orb { position: absolute; border-radius: 50%; filter: blur(2px); } .auth-shell__orb--a { width: 280px; height: 280px; left: -80px; top: 6%; background: radial-gradient(circle, rgba(49, 144, 255, 0.38) 0%, rgba(49, 144, 255, 0) 70%); } .auth-shell__orb--b { width: 320px; height: 320px; right: -110px; bottom: 2%; background: radial-gradient(circle, rgba(6, 102, 255, 0.28) 0%, rgba(6, 102, 255, 0) 70%); } .auth-shell__row { position: relative; z-index: 1; align-items: center; } .auth-aside { margin-bottom: 28px; } .auth-aside__badge { display: inline-flex; margin: 0 0 16px; padding: 7px 14px; border-radius: 999px; background: #3a57e8; color: #fff; font-size: 12px; font-weight: 800; box-shadow: 0 8px 18px rgba(58, 87, 232, 0.28); } .auth-aside__title { margin: 0 0 14px; color: #0f172a; font-size: clamp(2rem, 4.4vw, 3rem); font-weight: 800; line-height: 1.12; letter-spacing: -0.04em; } .auth-aside__text { margin: 0 0 24px; max-width: 30em; color: #475569; font-size: 16px; line-height: 1.7; } .auth-aside__list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; } .auth-aside__list li { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid rgba(49, 144, 255, 0.14); border-radius: 16px; background: rgba(255, 255, 255, 0.72); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05); color: #0f172a; backdrop-filter: blur(10px); } .auth-aside__list li span { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .auth-aside__list strong { font-size: 14px; font-weight: 800; line-height: 1.2; } .auth-aside__list small { color: #64748b; font-size: 12px; font-weight: 600; line-height: 1.35; } .auth-aside__list i { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, #3190ff 0%, #0666ff 100%); color: #fff; font-size: 14px; box-shadow: 0 8px 16px rgba(6, 102, 255, 0.22); } html.dark-mode .auth-aside__title { color: #f8fafc; } html.dark-mode .auth-aside__text { color: #94a3b8; } html.dark-mode .auth-aside__list li { background: rgba(15, 23, 42, 0.62); border-color: rgba(148, 163, 184, 0.16); color: #f8fafc; } html.dark-mode .auth-aside__list small { color: #94a3b8; } .auth-card.card { border: 0; } .auth-card.logai { overflow: hidden !important; box-shadow: 0 28px 64px rgba(6, 102, 255, 0.16), 0 0 0 1px rgba(49, 144, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; } html.dark-mode .auth-card.logai { box-shadow: 0 28px 64px rgba(2, 6, 23, 0.55), 0 0 0 1px rgba(56, 189, 248, 0.16) !important; } .auth-card .card-body { padding: 0 !important; } .auth-card .g-recaptcha { transform-origin: 0 0; } .auth-card .password-strength-meter { margin-top: 10px; } .auth-card .password-strength-bar { width: 100%; height: 5px; margin-bottom: 8px; overflow: hidden; border-radius: 3px; background: #e2e8f0; } .auth-card .password-strength-fill { height: 100%; width: 0; border-radius: 3px; transition: all 0.3s ease; } .auth-card .password-strength-fill.weak { width: 33%; background: #f44336; } .auth-card .password-strength-fill.medium { width: 66%; background: #ff9800; } .auth-card .password-strength-fill.strong { width: 100%; background: #22c55e; } .auth-card .password-strength-text { margin-bottom: 8px; font-size: 12px; font-weight: 700; } .auth-card .password-requirements { margin: 0; padding: 0; list-style: none; } .auth-card .requirement-item { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; color: #64748b; font-size: 12px; } .auth-card .requirement-item.valid, .auth-card .requirement-item.valid i { color: #16a34a; } .auth-field__control { position: relative; } .auth-field__control .form-control { padding-right: 40px !important; } .auth-card .password-match-icon { position: absolute; top: 50%; right: 12px; z-index: 2; font-size: 16px; pointer-events: none; transform: translateY(-50%); } [dir="rtl"] .auth-card .password-match-icon { right: auto; left: 12px; } [dir="rtl"] .auth-field__control .form-control { padding-right: 14px !important; padding-left: 40px !important; } [dir="rtl"] .auth-card .g-recaptcha { transform-origin: 100% 0; } @media (max-width: 991.98px) { .auth-shell { align-items: flex-start; min-height: 0; } .auth-shell__row { flex-direction: column; align-items: center; } .auth-shell__form, .auth-shell__row > .auth-aside { width: 100%; max-width: 560px; flex: 0 0 auto; margin-left: 0 !important; } .auth-shell__form { order: -1; } .auth-aside { text-align: center; margin-top: 28px; margin-bottom: 0; } .auth-aside__text { margin-left: auto; margin-right: auto; } .auth-aside__list { flex-direction: row; flex-wrap: wrap; justify-content: center; } .auth-aside__list li { flex: 1 1 150px; text-align: start; } } @media (min-width: 992px) { .auth-shell { padding: 48px 0 88px; } .auth-aside, .auth-shell__row > .auth-aside { order: 1; margin-bottom: 0; padding-inline-end: 28px; flex: 0 0 41.666667% !important; max-width: 41.666667% !important; } .auth-shell__form { order: 2; flex: 0 0 50% !important; max-width: 50% !important; margin-left: 8.333333% !important; } } @media (max-width: 575px) { .logai, #Login .logai { padding: 22px 16px !important; } .auth-shell { min-height: 0; padding: 16px 0 40px; } .auth-aside__title { font-size: 1.7rem; } .auth-card .g-recaptcha { transform: scale(0.88); } } .alert .btn-close, .alert .btn-close:hover, .alert .btn-close:focus, .alert .btn-close:active, .alert-dismissible .btn-close, .alert-dismissible .btn-close:hover, .alert-dismissible .btn-close:focus, .alert-dismissible .btn-close:active { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: 0; color: #fff !important; opacity: 0.85; } .alert .btn-close:hover, .alert .btn-close:focus, .alert-dismissible .btn-close:hover, .alert-dismissible .btn-close:focus { opacity: 1; background: rgba(255, 255, 255, 0.14) !important; } .alert .btn-close span, .alert-dismissible .btn-close span { color: #fff !important; } .sec-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 6px 14px 6px 6px; border-radius: 999px; background: #0f172a; border: 1px solid rgba(58, 87, 232, 0.35); box-shadow: 0 8px 22px rgba(58, 87, 232, 0.18); color: #fff; vertical-align: middle; } .sec-kicker__icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(58, 87, 232, 0.28); color: #8da2ff; flex-shrink: 0; } .sec-kicker__text { color: #fff; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: -0.01em; white-space: nowrap; } .tit_sec { display: flex; flex-direction: column; align-items: center; text-align: center; overflow: visible; } .tit_sec .sec-kicker { position: relative; z-index: 2; margin: 0 0 16px; } .tit_sec .home-title, .bx_sec .home-title { position: relative; z-index: 1; margin: 0 0 12px !important; color: #0f172a !important; font-weight: 800 !important; letter-spacing: -0.03em; line-height: 1.25 !important; } .tit_sec .p-title2, .tit_sec .p-title { position: relative; z-index: 1; width: 100% !important; max-width: 720px; margin: 0 auto !important; padding: 0 12px !important; } .naLog2 .tit_sec { margin-bottom: 12px !important; } .naLog2 .nk-timeline-group { margin-top: 8px !important; padding-top: 4px !important; padding-bottom: 0 !important; } .naLog2 .nk-timeline-group-item:nth-child(1) { --step: #3a57e8; --step-2: #0666ff; --step-soft: rgba(58, 87, 232, 0.35); } .naLog2 .nk-timeline-group-item:nth-child(2) { --step: #10b981; --step-2: #059669; --step-soft: rgba(16, 185, 129, 0.35); } .naLog2 .nk-timeline-group-item:nth-child(3) { --step: #f59e0b; --step-2: #f97316; --step-soft: rgba(245, 158, 11, 0.35); } .naLog2 .nk-timeline-group-item:nth-child(4) { --step: #06b6d4; --step-2: #7c3aed; --step-soft: rgba(6, 182, 212, 0.35); } .naLog2 .nk-timeline-group-item .newstep { background: linear-gradient(135deg, var(--step) 0%, var(--step-2) 100%) !important; box-shadow: 0 15px 40px var(--step-soft) !important; animation: none; } .naLog2 .nk-timeline-group-item .nk-timeline-group-content::before { background: linear-gradient(90deg, var(--step), var(--step-2)) !important; opacity: 1; } .naLog2 .nk-timeline-group-item:hover .newstep { box-shadow: 0 22px 48px var(--step-soft) !important; } @media (max-width: 767.98px) { .naLog2 { margin-top: 0 !important; padding: 24px 0 12px !important; } .naLog2 .container { padding-left: 16px !important; padding-right: 16px !important; } .naLog2 .tit_sec { margin-bottom: 14px !important; padding: 0 !important; } .naLog2 .nk-timeline-group { margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; --bs-gutter-x: 0; --bs-gutter-y: 0; } .naLog2 .nk-timeline-group-item { margin: 0 !important; padding: 0 !important; flex: 0 0 auto; width: 100%; max-width: 100%; } .naLog2 .nk-timeline-group-item:not(:last-child) { margin-bottom: 16px !important; } .naLog2 .nk-timeline-group-item:hover, .naLog2 .nk-timeline-group-item:hover .nk-timeline-group-content { transform: none !important; } .naLog2 .nk-timeline-group-content { padding: 16px 14px 14px !important; border-radius: 16px !important; box-shadow: 0 8px 22px rgba(15, 41, 92, 0.08), 0 0 0 1px rgba(58, 87, 232, 0.06) !important; } .naLog2 .nk-timeline-group-item .newstep, .naLog2 .newstep { width: 3.25rem !important; height: 3.25rem !important; border-radius: 12px !important; margin: 0 auto 10px !important; animation: none !important; } .naLog2 .newstep i { font-size: 1.15rem !important; } .naLog2 .nk-timeline-group-content span.fs-14 { padding: 4px 10px !important; margin-bottom: 8px !important; font-size: 11px !important; } .naLog2 .nk-timeline-group-content h3 { font-size: 17px !important; margin-bottom: 6px !important; } .naLog2 .nk-timeline-group-content p.fs-16 { font-size: 13px !important; line-height: 1.5 !important; } .reg-band { margin-top: 4px; padding: 18px 0 16px; } .reg-grid { gap: 6px; } .reg-card { max-width: 100%; } .reg-card .reg-card__title, h3.reg-card__title { white-space: normal; } } .tit_sec .home-title .text-gradient-info, .bx_sec .home-title .text-gradient-info { background: none !important; background-image: none !important; color: #3a57e8 !important; -webkit-text-fill-color: #3a57e8 !important; } .bx_sec .sec-kicker { margin-bottom: 16px; } .naLog3.why-sec { margin-top: 12px !important; padding: 36px 0 20px !important; overflow: visible; background: transparent !important; } .naLog3.why-sec::before, .naLog3.why-sec::after { mix-blend-mode: normal; filter: none; opacity: 1; } .naLog3.why-sec::before { width: 420px; height: 420px; top: -80px; left: -100px; background: radial-gradient(circle at center, rgba(58, 87, 232, 0.14) 0%, transparent 70%); } .naLog3.why-sec::after { width: 460px; height: 460px; right: -140px; bottom: -180px; background: radial-gradient(circle at center, rgba(49, 144, 255, 0.12) 0%, transparent 70%); } .why-sec__row { row-gap: 28px; } .why-sec__visual { position: relative; display: flex; align-items: center; justify-content: center; padding: 18px 12px; border-radius: 28px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, #eef3ff 100%); border: 1px solid rgba(58, 87, 232, 0.1); box-shadow: 0 20px 48px rgba(15, 23, 42, 0.07); overflow: hidden; } .why-sec__visual::before { content: ""; position: absolute; width: 72%; height: 62%; left: 50%; bottom: 4%; transform: translateX(-50%); background: radial-gradient(ellipse at center, rgba(58, 87, 232, 0.2) 0%, transparent 70%); pointer-events: none; } .why-sec__visual img { position: relative; z-index: 1; filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.12)); transform: none !important; } .naLog3.why-sec .col-lg-6:first-child::after { display: none; } .naLog3.why-sec .bx_sec, .why-sec__card { padding: 28px 28px 26px !important; border-radius: 22px !important; border: 1px solid rgba(49, 144, 255, 0.14) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #f6f9ff 100%) !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.07) !important; overflow: hidden; } .naLog3.why-sec .bx_sec::before, .why-sec__card::before { inset: 0 0 auto 0 !important; width: 100%; height: 3px; background: #1e293b !important; filter: none !important; opacity: 1 !important; border-radius: 0; } .naLog3.why-sec .bx_sec:hover, .why-sec__card:hover { transform: translateY(-5px); border-color: rgba(6, 102, 255, 0.28) !important; box-shadow: 0 22px 44px rgba(6, 102, 255, 0.14) !important; } .why-sec__card .home-title { font-size: clamp(24px, 3.1vw, 34px) !important; white-space: normal; overflow-wrap: break-word; } .why-sec__phrase { margin: 8px 0 6px !important; color: #3a57e8 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: -0.02em; } html.dark-mode .why-sec__phrase { color: #93c5fd !important; } .naLog3.why-sec .p-title3 { font-size: 16px !important; line-height: 1.75 !important; color: #475569 !important; } html.dark-mode .naLog3.why-sec { background: transparent !important; } html.dark-mode .why-sec__visual { background: linear-gradient(180deg, rgba(15, 23, 42, 0.72) 0%, #111827 100%); border-color: rgba(148, 163, 184, 0.16); } html.dark-mode .naLog3.why-sec .bx_sec, html.dark-mode .why-sec__card { background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, #111827 100%) !important; border-color: rgba(148, 163, 184, 0.16) !important; } html.dark-mode .naLog3.why-sec .p-title3 { color: #cbd5e1 !important; } @media (max-width: 991.98px) { .naLog3.why-sec { padding: 24px 0 12px !important; } .why-sec__card { max-width: 640px; margin: 0 auto; text-align: start; } } .reg-band { position: relative; z-index: 1; margin: 4px 0 14px; padding: 26px 0 22px; overflow: hidden; background: linear-gradient(180deg, rgba(58, 87, 232, 0.16) 0%, transparent 42%), #0f172a !important; } .reg-band::after { content: none; } .reg-band .container { position: relative; z-index: 1; } .reg-band .tit_sec { margin-bottom: 14px !important; } .reg-band .home-title { color: #fff !important; font-size: 26px; } .reg-band .home-title .text-gradient-info { color: #8da2ff !important; -webkit-text-fill-color: #8da2ff !important; } .reg-band .p-title { color: #94a3b8 !important; max-width: 640px; font-size: 14px; margin-bottom: 0; } .reg-grid { display: flex; flex-wrap: wrap; gap: 8px; } .reg-card { display: inline-flex; align-items: center; gap: 8px; min-height: 0; padding-block: 6px; padding-inline: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(141, 162, 255, 0.16); box-shadow: none; transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease; } a.reg-card { text-decoration: none !important; color: inherit; cursor: pointer; } .reg-card:hover { transform: translateY(-1px); background: rgba(58, 87, 232, 0.18); border-color: rgba(58, 87, 232, 0.55); box-shadow: none; } .reg-card__flag { flex: 0 0 auto; align-self: center; width: auto; height: 16px; border-radius: 4px; overflow: hidden; display: block; line-height: 0; background: #111827; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); } .reg-card__flag img { width: auto !important; height: 16px !important; max-width: none !important; object-fit: contain; display: block; } .reg-card .reg-card__title, h3.reg-card__title { margin: 0; color: #e2e8f0 !important; font-size: 12.5px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; white-space: nowrap; } .reg-card__text { display: none; } @media (max-width: 767.98px) { .reg-band { padding: 22px 0 18px; } .reg-band .home-title { font-size: 22px; } .reg-card .reg-card__title, h3.reg-card__title { font-size: 12px; } } .home-rec .sec-kicker { margin: 0 0 14px; background: rgba(15, 23, 42, 0.35); border-color: rgba(255, 255, 255, 0.22); } .home-rec .sec-kicker__icon { background: rgba(255, 255, 255, 0.16); color: #fff; } .home-cta__badge { display: inline-flex; align-items: center; gap: 8px; } .home-cta__badge .sec-kicker__icon { width: 22px; height: 22px; background: rgba(255, 255, 255, 0.16); color: #fff; } .feat-band .tit_sec .home-title, .reg-band .tit_sec .home-title { color: #fff !important; } .feat-band .tit_sec .home-title .text-gradient-info, .reg-band .tit_sec .home-title .text-gradient-info { color: #8da2ff !important; -webkit-text-fill-color: #8da2ff !important; } .feat-band .tit_sec .p-title2, .reg-band .tit_sec .p-title { color: #94a3b8 !important; } .faq-section .gnyFAQs .content, .gnyFAQs .content { display: block; max-height: 0; opacity: 0; overflow: hidden; margin: 0 0 10px; padding: 0 22px; pointer-events: none; } .faq-section .gnyFAQs .content.open, .gnyFAQs .content.open { max-height: 720px; opacity: 1; margin: -10px 0 14px; padding: 18px 22px 20px; pointer-events: auto; } html.dark-mode .tit_sec .home-title, html.dark-mode .bx_sec .home-title { color: #f8fafc !important; } html.dark-mode .tit_sec .home-title .text-gradient-info, html.dark-mode .bx_sec .home-title .text-gradient-info { color: #8da2ff !important; -webkit-text-fill-color: #8da2ff !important; } .gnyFAQs .content a, .faq-section .gnyFAQs .content a { color: #3a57e8; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } html.dark-mode .gnyFAQs .content a, html.dark-mode .faq-section .gnyFAQs .content a { color: #8da2ff; } .faq-section .collapsible, .gnyFAQs .collapsible { color: #0f172a; background: #fff; border-color: rgba(58, 87, 232, 0.14); box-shadow: 0 10px 24px rgba(58, 87, 232, 0.07); justify-content: flex-start; gap: 14px; text-align: start; } .faq-section .faq-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 24px; width: 100%; direction: ltr; } .faq-section .faq-grid .gnyFAQs { min-width: 0; } [dir="rtl"] .faq-section .faq-grid .gnyFAQs { direction: rtl; } @media (max-width: 991.98px) { .faq-section .faq-grid { grid-template-columns: 1fr; } } .collapsible__label { flex: 1 1 auto; min-width: 0; unicode-bidi: isolate; text-align: start; } .faq-section .collapsible::after, .gnyFAQs .collapsible::after { margin-inline-start: auto; flex: 0 0 44px; } .faq-section .gnyFAQs .content, .gnyFAQs .content { text-align: start; unicode-bidi: isolate; } .faq-section .collapsible::before, .gnyFAQs .collapsible::before { background: linear-gradient(120deg, rgba(49, 144, 255, 0.22), rgba(58, 87, 232, 0.2)); } .faq-section .collapsible::after, .gnyFAQs .collapsible::after { background: #3a57e8; box-shadow: 0 8px 18px rgba(58, 87, 232, 0.32); } .faq-section .collapsible:hover, .gnyFAQs .collapsible:hover { border-color: rgba(58, 87, 232, 0.32); box-shadow: 0 14px 30px rgba(58, 87, 232, 0.12); } .faq-section .collapsible.active, .gnyFAQs .collapsible.active { border-color: rgba(58, 87, 232, 0.4); box-shadow: 0 16px 32px rgba(58, 87, 232, 0.14); } .faq-section .collapsible.active::after, .gnyFAQs .collapsible.active::after { background: #3a57e8; box-shadow: 0 10px 22px rgba(58, 87, 232, 0.38); } html.dark-mode .faq-section .collapsible, html.dark-mode .gnyFAQs .collapsible { color: #e2e8f0 !important; background: #151c2e; border-color: rgba(141, 162, 255, 0.18); box-shadow: none; } html.dark-mode .faq-section .collapsible::before, html.dark-mode .gnyFAQs .collapsible::before { background: linear-gradient(120deg, rgba(49, 144, 255, 0.16), rgba(58, 87, 232, 0.22)); } html.dark-mode .faq-section .collapsible::after, html.dark-mode .gnyFAQs .collapsible::after, html.dark-mode .faq-section .collapsible.active::after, html.dark-mode .gnyFAQs .collapsible.active::after { background: #3a57e8; box-shadow: 0 8px 18px rgba(58, 87, 232, 0.4); } html.dark-mode:not(.deep-blue) .text-gradient-info { color: #8da2ff !important; -webkit-text-fill-color: #8da2ff !important; background: none !important; } html.dark-mode:not(.deep-blue) body a { color: #8da2ff; } html.dark-mode:not(.deep-blue) .links a, html.dark-mode:not(.deep-blue) .collapsible:after { color: #8da2ff !important; } .sh-theme { position: relative; } .sh-theme .dropdown-toggle::after { display: none !important; content: none !important; border: 0 !important; font: unset !important; } .sh-theme__menu { min-width: 196px; padding: 8px; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 14px; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); } .sh-theme__item { display: flex !important; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent; border-radius: 10px; padding: 8px 10px; color: #0f172a; font-weight: 600; font-size: 14px; } .sh-theme__item:hover, .sh-theme__item.is-active { background: #3a57e8 !important; color: #fff !important; } .sh-theme__swatch { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.18); } .sh-theme__swatch--light { background: #f8fafc; } .sh-theme__swatch--dark { background: #0f172a; } .sh-theme__swatch--deep { background: linear-gradient(135deg, #0c0e14 0%, #3a57e8 100%); } html.dark-mode .sh-theme__menu { background: #151c2e; border-color: rgba(141, 162, 255, 0.16); } html.dark-mode .sh-theme__item { color: #e2e8f0; } html.dark-mode .site-header .theme-icon.fa-sun { color: #facc15 !important; } html.deep-blue .site-header .theme-icon.fa-circle { color: #8b9cff !important; } html.deep-blue { color-scheme: dark; scrollbar-color: #3a57e8 #0c0e14; --db-canvas: #0c0e14; --db-canvas-2: #10131b; --db-surface: #161922; --db-surface-2: #1b1f2a; --db-surface-3: #222734; --db-border: rgba(255, 255, 255, 0.075); --db-border-strong: rgba(255, 255, 255, 0.12); --db-text: #f2f4f8; --db-muted: #8b92a5; } html.deep-blue ::-webkit-scrollbar-track { background: transparent; } html.deep-blue ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.14); } html.deep-blue body, html.deep-blue body.dark-mode, html.deep-blue .g-sidenav-show, html.deep-blue .nlm, html.deep-blue .nlm2 { background-color: var(--db-canvas) !important; color: var(--db-text) !important; } html.deep-blue .bacgroundbody, html.deep-blue .naHead, html.deep-blue body.dark-mode .bacgroundbody, html.deep-blue .naLog3 { background: radial-gradient(ellipse 60% 80% at 18% 0%, rgba(58, 87, 232, 0.18), transparent 60%), radial-gradient(ellipse 50% 70% at 82% 0%, rgba(91, 108, 255, 0.12), transparent 55%), linear-gradient(180deg, var(--db-canvas-2) 0%, var(--db-canvas) 46%, #090b10 100%) !important; } html.deep-blue .site-header { --sh-muted: #8b92a5; --sh-text: #f2f4f8; --sh-bar: rgba(16, 19, 27, 0.92); --sh-line: rgba(255, 255, 255, 0.075); --sh-pill: #161922; --sh-pill-text: #f2f4f8; background: linear-gradient(180deg, rgba(16, 19, 27, 0.96), rgba(12, 14, 20, 0.92)) !important; border-bottom-color: var(--db-border) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } html.deep-blue .logai, html.deep-blue .card, html.deep-blue .box_card_darkmode, html.deep-blue .quick-response-detail, html.deep-blue .collapsible, html.deep-blue .content, html.deep-blue .login-pm, html.deep-blue .nk-timeline-group-content, html.deep-blue .home-rec__item, html.deep-blue .feat-card, html.deep-blue .reg-card, html.deep-blue .dropdown-menu, html.deep-blue .sh-theme__menu, html.deep-blue .sh-drawer { background-color: var(--db-surface) !important; border-color: var(--db-border) !important; box-shadow: 0 16px 40px -28px rgba(0, 0, 0, 0.7) !important; color: var(--db-text) !important; } html.deep-blue .text-gradient-info { color: #9db0ff !important; -webkit-text-fill-color: #9db0ff !important; background: none !important; } html.deep-blue .home-title, html.deep-blue .h2-head, html.deep-blue .h3-head, html.deep-blue .colorwhite, html.deep-blue .benefit-title, html.deep-blue .hpri-title { color: var(--db-text) !important; } html.deep-blue .p-title, html.deep-blue .p-title2, html.deep-blue .naHdTx, html.deep-blue .benefit-txt, html.deep-blue .hpri-text, html.deep-blue .sh-nav-link, html.deep-blue .sh-drawer-link { color: var(--db-muted) !important; } html.deep-blue .sh-nav-link.is-active, html.deep-blue .sh-nav-link:hover, html.deep-blue .sh-drawer-link.is-active { color: var(--db-text) !important; } html.deep-blue .feat-band, html.deep-blue .reg-band { background: radial-gradient(ellipse 55% 40% at 12% -5%, rgba(58, 87, 232, 0.12), transparent 55%), radial-gradient(ellipse 45% 35% at 95% 8%, rgba(91, 108, 255, 0.08), transparent 50%), linear-gradient(180deg, var(--db-canvas-2) 0%, var(--db-canvas) 100%) !important; } html.deep-blue .naLog2 { background: linear-gradient(180deg, var(--db-canvas) 0%, var(--db-canvas-2) 50%, #090b10 100%) !important; } html.deep-blue .faq-section .collapsible, html.deep-blue .gnyFAQs .collapsible { background: var(--db-surface-2) !important; border-color: var(--db-border-strong) !important; } html.deep-blue .gnyFAQs .content, html.deep-blue .faq-section .gnyFAQs .content { background: var(--db-surface) !important; border-color: var(--db-border) !important; color: var(--db-muted) !important; } html.deep-blue .home-cta__card { background: radial-gradient(ellipse 70% 80% at 100% 0%, rgba(58, 87, 232, 0.28), transparent 58%), linear-gradient(145deg, #161922 0%, #1b1f2a 42%, #3a57e8 100%) !important; box-shadow: 0 22px 48px -24px rgba(0, 0, 0, 0.75) !important; } html.deep-blue .site-header .theme-toggle-btn, html.deep-blue .site-header .theme-toggle-btn--compact { background: var(--db-surface) !important; border: 1px solid var(--db-border-strong) !important; box-shadow: none !important; } html.deep-blue input, html.deep-blue .form-control, html.deep-blue select, html.deep-blue textarea { background-color: var(--db-surface-2) !important; color: var(--db-text) !important; border-color: var(--db-border-strong) !important; } html.deep-blue .bottom-bar { background: var(--db-canvas-2) !important; border-color: var(--db-border) !important; } html.deep-blue .bottom-bar .bottom-item a, html.deep-blue .bottom-bar .bottom-item a i { color: var(--db-muted) !important; } html.deep-blue .sh-theme__item { color: var(--db-text) !important; } html.deep-blue .sh-cta { background: #3a57e8 !important; } html.deep-blue .nk-timeline-group-item, html.deep-blue .country-item, html.deep-blue .country-boxes, html.deep-blue .payment_bx, html.deep-blue .lb { background-color: var(--db-surface) !important; border-color: var(--db-border) !important; color: var(--db-text) !important; } [dir="rtl"] body { text-align: start; } [dir="rtl"] .tit_sec, [dir="rtl"] .text-center, [dir="rtl"] .nk-timeline-group-content, [dir="rtl"] .home-cta__card { text-align: center; } [dir="rtl"] .fa-chevron-right, [dir="rtl"] .fa-arrow-right, [dir="rtl"] .fa-angle-right, [dir="rtl"] .hero-cta-btn__chev i, [dir="rtl"] .sh-cta-icon i { transform: scaleX(-1); } [dir="rtl"] .sh-nav, [dir="rtl"] .sh-actions, [dir="rtl"] .sh-mobile-tools, [dir="rtl"] .sh-drawer-list, [dir="rtl"] .footer-nav, [dir="rtl"] .nav-links, [dir="rtl"] .crumb-pill__list, [dir="rtl"] .sh-theme__item, [dir="rtl"] .dropdown-menu { text-align: start; } [dir="rtl"] .site-header .dropdown-menu, [dir="rtl"] .sh-theme__menu { left: 0 !important; right: auto !important; } [dir="rtl"] .ultra-modern-footer .nav-link:hover, [dir="rtl"] .ultra-modern-footer .social-card:hover { transform: translateX(-8px); } [dir="rtl"] .ultra-modern-footer .nav-link::before { left: auto; right: -12px; } [dir="rtl"] .sh-drawer-link, [dir="rtl"] .sh-nav-link { justify-content: flex-start; } [dir="rtl"] input[type="password"], [dir="rtl"] input[type="email"], [dir="rtl"] input[name="email"] { direction: ltr; text-align: right; } [dir="rtl"] body { line-height: 1.75; letter-spacing: 0; } [dir="rtl"] .home-title, [dir="rtl"] .h1-head, [dir="rtl"] .h2-head, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { letter-spacing: 0 !important; line-height: 1.55; } :root { --landing-fab-size: 60px; --landing-fab-inset: 24px; } .mobile-app-install { position: fixed; z-index: 9999; bottom: var(--landing-fab-inset) !important; left: var(--landing-fab-inset) !important; right: auto !important; top: auto !important; width: var(--landing-fab-size); height: var(--landing-fab-size); align-items: center; gap: 0; } .mobile-app-install > a { display: block; width: var(--landing-fab-size); height: var(--landing-fab-size); position: relative; } .mobile-app-icon { width: var(--landing-fab-size); height: var(--landing-fab-size); } .integration-fixed.integration-fixed__bottom-right { position: fixed; z-index: 9998; bottom: var(--landing-fab-inset) !important; right: var(--landing-fab-inset) !important; left: auto !important; top: auto !important; padding: 0 !important; } .whatsapp-container { padding: 0 !important; margin: 0 !important; } .whatsapp-button { width: var(--landing-fab-size) !important; height: var(--landing-fab-size) !important; bottom: auto !important; right: auto !important; margin: 0 !important; transform: none; } @media (max-width: 991.98px) { :root { --landing-fab-inset: calc(16px + env(safe-area-inset-bottom, 0px)); } .mobile-app-install { left: 12px !important; } .integration-fixed.integration-fixed__bottom-right { right: calc(12px + env(safe-area-inset-right, 0px)) !important; } } @media (max-width: 767.98px) { :root { --landing-fab-inset: calc(90px + env(safe-area-inset-bottom, 0px)); } } .home-plat-sec { position: relative; z-index: 1; padding: 36px 0 40px; background: radial-gradient(ellipse 70% 45% at 8% 0%, rgba(42, 171, 238, 0.08) 0%, transparent 58%), radial-gradient(ellipse 50% 40% at 96% 100%, rgba(58, 87, 232, 0.07) 0%, transparent 60%), #f5f7fb; } .home-plat-sec .tit_sec { margin-bottom: 22px; } .home-plat-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } .home-plat-card { --plat: #3a57e8; --plat-soft: rgba(58, 87, 232, 0.12); position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; grid-column: span 2; min-height: 236px; padding: 20px 20px 18px; border-radius: 20px; background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06); transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .home-plat-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--plat); } .home-plat-card:hover { transform: translateY(-6px); box-shadow: 0 22px 40px rgba(15, 23, 42, 0.1); } .home-plat-card:nth-child(4):nth-last-child(2), .home-plat-card:nth-child(5):last-child { grid-column: span 3; } .home-plat-card--telegram { --plat: #2aabee; --plat-soft: rgba(42, 171, 238, 0.14); } .home-plat-card--instagram { --plat: #e1306c; --plat-soft: rgba(225, 48, 108, 0.14); } .home-plat-card--tiktok { --plat: #111827; --plat-soft: rgba(17, 24, 39, 0.12); } .home-plat-card--youtube { --plat: #ef4444; --plat-soft: rgba(239, 68, 68, 0.14); } .home-plat-card--spotify { --plat: #1db954; --plat-soft: rgba(29, 185, 84, 0.14); } .home-plat-card--whatsapp { --plat: #25d366; --plat-soft: rgba(37, 211, 102, 0.14); } .home-plat-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 0 14px; border-radius: 14px; background: var(--plat-soft); color: var(--plat); font-size: 20px; } .home-plat-card__title { margin: 0 0 8px; color: #0f172a !important; font-size: 17px; font-weight: 800; line-height: 1.3; letter-spacing: -0.03em; } .home-plat-card__text { margin: 0 0 16px; color: #475569; font-size: 13.5px; font-weight: 500; line-height: 1.55; } .home-plat-card__link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding: 8px 12px; border-radius: 999px; color: var(--plat) !important; background: var(--plat-soft); font-size: 13px; font-weight: 800; text-decoration: none !important; transition: background 0.2s ease, transform 0.2s ease; } .home-plat-card__link i { font-size: 11px; } .home-plat-card__link:hover, .home-plat-card__link:focus-visible { color: #fff !important; background: var(--plat); } html.dark-mode .home-plat-sec { background: radial-gradient(ellipse 70% 45% at 8% 0%, rgba(42, 171, 238, 0.12) 0%, transparent 58%), #070b14; } html.dark-mode .home-plat-card { background: #111827; border-color: rgba(148, 163, 184, 0.16); box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28); } html.dark-mode .home-plat-card__title { color: #f8fafc !important; } html.dark-mode .home-plat-card__text { color: #94a3b8; } html.dark-mode .home-plat-card--tiktok { --plat: #e2e8f0; --plat-soft: rgba(226, 232, 240, 0.12); } [dir="rtl"] .home-plat-card::before { inset: 0 0 0 auto; } [dir="rtl"] .home-plat-card__link i { transform: scaleX(-1); } .home-sec-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; } .home-sec-cta .hero-cta-btn { flex: 0 0 auto; width: auto; min-width: 0; padding: 12px 22px; font-size: 0.9rem; } .home-api-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 28px; max-width: 760px; margin: 0 auto; padding: 0; list-style: none; } .home-api-list li { position: relative; padding-left: 22px; color: #e2e8f0; font-size: 14px; font-weight: 600; line-height: 1.5; } .home-api-list li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 50%; background: #8da2ff; } .faq-section .content a { color: #3a57e8; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } .nk-timeline-group-content a { color: #3a57e8; font-weight: 700; } html.dark-mode .faq-section .content a, html.dark-mode .nk-timeline-group-content a { color: #93c5fd; } @media (max-width: 1199.98px) { .home-plat-card, .home-plat-card:nth-child(n+4) { grid-column: span 3; } } @media (max-width: 767.98px) { .home-api-list { grid-template-columns: 1fr; } .home-plat-grid { grid-template-columns: 1fr; } .home-plat-card, .home-plat-card:nth-child(n+4) { grid-column: auto; min-height: 0; } } .home-rhythm .naLog3.why-sec { background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%) !important; } .home-rhythm .feat-card, .home-rhythm .feat-card--a, .home-rhythm .feat-card--b, .home-rhythm .feat-card--c, .home-rhythm .feat-card--d, .home-rhythm .feat-card--e, .home-rhythm .feat-card--f, .home-rhythm .feat-card--g, .home-rhythm .feat-card--h { color: #0f172a; background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%); border: 1px solid rgba(58, 87, 232, 0.14); box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08); } .home-rhythm .feat-card::before { background: rgba(58, 87, 232, 0.12); } .home-rhythm .feat-card::after { background: linear-gradient(180deg, rgba(58, 87, 232, 0.06) 0%, transparent 46%); } .home-rhythm .feat-card:hover { box-shadow: 0 22px 44px rgba(58, 87, 232, 0.16); } .home-rhythm .feat-card__icon { background: var(--feat-ink); color: #fff; box-shadow: 0 8px 16px rgba(15, 23, 42, 0.18); } .home-rhythm .feat-card__title { color: #0f172a; } .home-rhythm .feat-card__text, .home-rhythm .feat-card__text strong { color: #475569; } .home-rhythm .feat-card__text strong { color: #1e293b; font-weight: 700; } .home-rhythm .home-api-sec.feat-band { background: radial-gradient(ellipse 70% 45% at 8% 0%, rgba(58, 87, 232, 0.08) 0%, transparent 58%), radial-gradient(ellipse 50% 40% at 96% 100%, rgba(6, 102, 255, 0.06) 0%, transparent 60%), #f5f7fb !important; } .home-rhythm .home-api-sec.feat-band::after { opacity: 0.12; } .home-rhythm .home-api-sec .home-title { color: #0f172a !important; } .home-rhythm .home-api-sec .home-title .text-gradient-info { color: #3a57e8 !important; -webkit-text-fill-color: #3a57e8 !important; } .home-rhythm .home-api-sec .p-title2 { color: #475569 !important; } .home-rhythm .home-api-list li { color: #334155; } .home-rhythm .home-api-list li::before { background: #3a57e8; } .home-rhythm .reg-band { background: linear-gradient(180deg, rgba(58, 87, 232, 0.22) 0%, transparent 46%), #0b1220 !important; } .home-rhythm .faq-section { background: #f5f7fb !important; } .home-rhythm .pay-section { background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%); } html.dark-mode .home-rhythm .naLog3.why-sec, html.dark-mode .home-rhythm .faq-section, html.dark-mode .home-rhythm .pay-section, html.dark-mode .home-rhythm .home-plat-sec, html.dark-mode .home-rhythm .home-api-sec.feat-band { background: #1e293b !important; } html.dark-mode .home-rhythm .feat-band, html.dark-mode .home-rhythm .reg-band { background: radial-gradient(ellipse 70% 50% at 12% 0%, rgba(58, 87, 232, 0.28) 0%, transparent 58%), #0b1220 !important; } html.dark-mode .home-rhythm .feat-card, html.dark-mode .home-rhythm .feat-card--a, html.dark-mode .home-rhythm .feat-card--b, html.dark-mode .home-rhythm .feat-card--c, html.dark-mode .home-rhythm .feat-card--d, html.dark-mode .home-rhythm .feat-card--e, html.dark-mode .home-rhythm .feat-card--f, html.dark-mode .home-rhythm .feat-card--g, html.dark-mode .home-rhythm .feat-card--h { background: linear-gradient(180deg, #111827 0%, #0f172a 100%); border-color: rgba(148, 163, 184, 0.16); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28); } html.dark-mode .home-rhythm .feat-card__title { color: #f8fafc; } html.dark-mode .home-rhythm .feat-card__text, html.dark-mode .home-rhythm .feat-card__text strong { color: #94a3b8; } html.dark-mode .home-rhythm .home-api-sec .home-title { color: #f8fafc !important; } html.dark-mode .home-rhythm .home-api-sec .p-title2, html.dark-mode .home-rhythm .home-api-list li { color: #cbd5e1 !important; } .home-rhythm .home-api-sec .p-title2 a { color: #3a57e8; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; } html.dark-mode .home-rhythm .home-api-sec .p-title2 a { color: #93c5fd !important; } .home-blog { position: relative; isolation: isolate; padding: 56px 0 48px; overflow: hidden; background: radial-gradient(ellipse 70% 45% at 8% 0%, rgba(58, 87, 232, 0.1) 0%, transparent 58%), radial-gradient(ellipse 50% 40% at 96% 100%, rgba(6, 102, 255, 0.08) 0%, transparent 60%), #ffffff; } .home-blog::before { content: ""; position: absolute; inset: 8% auto auto 50%; width: 520px; height: 520px; transform: translateX(-50%); background: radial-gradient(circle, rgba(58, 87, 232, 0.12) 0%, transparent 68%); pointer-events: none; z-index: 0; } .home-blog .container { position: relative; z-index: 1; } .home-blog .tit_sec { margin-bottom: 28px; } .home-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .home-blog-grid--magazine { grid-template-columns: 1.4fr 0.95fr; grid-template-rows: minmax(210px, auto) minmax(210px, auto); } .home-blog-card { position: relative; display: flex; flex-direction: column; overflow: hidden; min-height: 100%; border-radius: 24px; background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07); text-decoration: none; color: inherit; transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease; } .home-blog-card:hover, .home-blog-card:focus-visible { transform: translateY(-7px); box-shadow: 0 26px 48px rgba(58, 87, 232, 0.16); border-color: rgba(58, 87, 232, 0.32); text-decoration: none; color: inherit; } .home-blog-card:focus-visible { outline: 2px solid #3a57e8; outline-offset: 3px; } .home-blog-card--featured { min-height: 420px; justify-content: flex-end; } .home-blog-grid--magazine .home-blog-card--featured { grid-row: span 2; min-height: 100%; justify-content: flex-end; } .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured) { flex-direction: row; min-height: 0; } .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured) .home-blog-card__media { flex: 0 0 42%; aspect-ratio: auto; min-height: 100%; } .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured) .home-blog-card__body { padding: 16px 16px 16px 14px; justify-content: center; } .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured) .home-blog-card__text { -webkit-line-clamp: 2; line-clamp: 2; } .home-blog-card__media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: radial-gradient(circle at 28% 18%, rgba(93, 122, 255, 0.28), transparent 52%), linear-gradient(160deg, #1e3a8a 0%, #312e81 48%, #0f172a 100%); } .home-blog-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(8, 12, 24, 0.55) 100%); pointer-events: none; opacity: 0.55; transition: opacity 0.28s ease; } .home-blog-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.01); transition: transform 0.55s ease; } .home-blog-card:hover .home-blog-card__media img, .home-blog-card:focus-visible .home-blog-card__media img { transform: scale(1.07); } .home-blog-card--fallback .home-blog-card__media img, .home-blog-card__media img[src*="seven.png"] { object-fit: contain; padding: 28px; transform: none; background: transparent; } .home-blog-card--fallback:hover .home-blog-card__media img, .home-blog-card--fallback:focus-visible .home-blog-card__media img { transform: scale(1.04); } .home-blog-card--featured.home-blog-card--fallback .home-blog-card__media img, .home-blog-card--featured .home-blog-card__media img[src*="seven.png"] { position: absolute; inset-inline-end: 4%; inset-block-end: 10%; inset-inline-start: auto; inset-block-start: auto; width: 38%; height: 52%; object-fit: contain; object-position: center; padding: 0; opacity: 0.28; } .home-blog-card--featured.home-blog-card--fallback:hover .home-blog-card__media img, .home-blog-card--featured.home-blog-card--fallback:focus-visible .home-blog-card__media img { transform: scale(1.03); opacity: 0.5; } .home-blog-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; } .home-blog-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; color: #64748b; font-size: 12px; font-weight: 700; letter-spacing: 0.01em; } .home-blog-card__date, .home-blog-card__read { display: inline-flex; align-items: center; } .home-blog-card__date + .home-blog-card__read::before { content: ""; width: 4px; height: 4px; margin-right: 10px; border-radius: 50%; background: currentColor; opacity: 0.55; } .home-blog-card__title { margin: 0 !important; color: #0f172a !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: -0.03em; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .home-blog-card__text { margin: 0; color: #475569; font-size: 14px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .home-blog-card__more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; color: #3a57e8; font-size: 13px; font-weight: 800; } .home-blog-card__more i { font-size: 11px; transition: transform 0.22s ease; } .home-blog-card:hover .home-blog-card__more i, .home-blog-card:focus-visible .home-blog-card__more i { transform: translateX(4px); } .home-blog-card--featured .home-blog-card__media { position: absolute; inset: 0; flex: none; min-height: 0; aspect-ratio: auto; height: 100%; } .home-blog-card--featured .home-blog-card__media::after { opacity: 1; background: linear-gradient(180deg, rgba(8, 12, 24, 0.08) 18%, rgba(8, 12, 24, 0.88) 100%); } .home-blog-card--featured .home-blog-card__body { position: relative; z-index: 1; padding: 28px 26px 24px; gap: 10px; background: transparent; } .home-blog-card--featured .home-blog-card__meta, .home-blog-card--featured .home-blog-card__text, .home-blog-card--featured .home-blog-card__more { color: #e2e8f0; } .home-blog-card--featured .home-blog-card__title { color: #fff !important; font-size: 28px !important; line-height: 1.22 !important; -webkit-line-clamp: 3; line-clamp: 3; text-shadow: 0 10px 28px rgba(0, 0, 0, 0.35); } .home-blog-card--featured .home-blog-card__text { font-size: 15px; color: #cbd5e1; -webkit-line-clamp: 3; line-clamp: 3; } .home-blog-card--featured .home-blog-card__more { color: #fff; } .home-rhythm .home-blog { background: radial-gradient(ellipse 70% 45% at 8% 0%, rgba(58, 87, 232, 0.1) 0%, transparent 58%), #f5f7fb !important; } html.dark-mode .home-blog, html.dark-mode .home-rhythm .home-blog { background: radial-gradient(ellipse 70% 50% at 12% 0%, rgba(58, 87, 232, 0.22) 0%, transparent 58%), #0b1220 !important; } html.dark-mode .home-blog-card { background: linear-gradient(180deg, #151c2e 0%, #111827 100%); border-color: rgba(148, 163, 184, 0.16); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32); } html.dark-mode .home-blog-card:hover, html.dark-mode .home-blog-card:focus-visible { border-color: rgba(147, 197, 253, 0.35); box-shadow: 0 26px 52px rgba(58, 87, 232, 0.18); } html.dark-mode .home-blog-card__title { color: #f8fafc !important; } html.dark-mode .home-blog-card--featured .home-blog-card__title { color: #fff !important; } html.dark-mode .home-blog-card__text { color: #cbd5e1; } html.dark-mode .home-blog-card__meta { color: #94a3b8; } html.dark-mode .home-blog-card__more { color: #93c5fd; } html.dark-mode .home-blog-card--fallback .home-blog-card__media, html.dark-mode .home-blog-card__media img[src*="seven.png"] { background: radial-gradient(circle at 30% 20%, rgba(58, 87, 232, 0.28), transparent 55%), linear-gradient(160deg, #1e3a8a 0%, #0f172a 100%); } [dir="rtl"] .home-blog-card__date + .home-blog-card__read::before { margin-right: 0; margin-left: 10px; } [dir="rtl"] .home-blog-card__more i { transform: scaleX(-1); } [dir="rtl"] .home-blog-card:hover .home-blog-card__more i, [dir="rtl"] .home-blog-card:focus-visible .home-blog-card__more i { transform: scaleX(-1) translateX(4px); } [dir="rtl"] .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured) { flex-direction: row-reverse; } @media (max-width: 991.98px) { .home-blog .home-blog-grid, .home-blog .home-blog-grid--magazine { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; } .home-blog .home-blog-grid--magazine .home-blog-card--featured { grid-row: auto; grid-column: 1 / -1; min-height: 380px; } .home-blog .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured), [dir="rtl"] .home-blog .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured) { flex-direction: column; } .home-blog .home-blog-grid--magazine .home-blog-card:not(.home-blog-card--featured) .home-blog-card__media { flex: none; width: 100%; aspect-ratio: 16 / 10; min-height: 0; } .home-blog .home-blog-card--featured .home-blog-card__title { font-size: 22px !important; } } .home-telegram-banner, .gsl-telegram-banner { padding: 8px 0 40px; } .home-telegram-banner .blog-telegram-banner-above-vote, .gsl-telegram-banner .blog-telegram-banner-above-vote { margin: 0; } .blog-telegram-banner { display: flex; align-items: center; gap: 0; width: 100%; min-height: 92px; border: 1px solid rgba(148, 163, 184, 0.28); border-radius: 18px; overflow: hidden; background: #fff; text-decoration: none; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .blog-telegram-banner:hover, .blog-telegram-banner:focus { transform: translateY(-2px); border-color: rgba(34, 158, 217, 0.35); box-shadow: 0 16px 36px rgba(34, 158, 217, 0.16); outline: none; } .blog-telegram-banner-visual { position: relative; flex: 0 0 108px; align-self: stretch; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #2aabee 0%, #229ed9 100%); overflow: hidden; } .blog-telegram-banner-glow { position: absolute; right: -26px; top: 50%; width: 72px; height: 72px; margin-top: -36px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); } .blog-telegram-banner-icon { position: relative; z-index: 1; width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.16); color: #fff; font-size: 1.65rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } .blog-telegram-banner-body { flex: 1; min-width: 0; padding: 0.95rem 1rem; } .blog-telegram-banner-title { margin: 0 0 0.35rem; font-size: 1.02rem; font-weight: 700; line-height: 1.45; color: #0f4c81; } .blog-telegram-banner-text { margin: 0; font-size: 0.86rem; line-height: 1.65; color: #64748b; } .blog-telegram-banner-arrow { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-right: 0.85rem; border-radius: 50%; background: rgba(34, 158, 217, 0.1); color: #229ed9; font-size: 0.82rem; } [dir="rtl"] .blog-telegram-banner { flex-direction: row-reverse; } [dir="rtl"] .blog-telegram-banner-body { text-align: right; } [dir="rtl"] .blog-telegram-banner-glow { right: auto; left: -26px; } [dir="rtl"] .blog-telegram-banner-arrow { margin-right: 0; margin-left: 0.85rem; transform: scaleX(-1); } @media (max-width: 575px) { .blog-telegram-banner { min-height: 84px; } .blog-telegram-banner-visual { flex-basis: 88px; } .blog-telegram-banner-icon { width: 46px; height: 46px; font-size: 1.4rem; } .blog-telegram-banner-title { font-size: 0.92rem; } .blog-telegram-banner-text { font-size: 0.8rem; } .blog-telegram-banner-arrow { display: none; } } html.dark-mode .blog-telegram-banner { background: linear-gradient(145deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.92) 100%); border-color: rgba(56, 189, 248, 0.22); } html.dark-mode .blog-telegram-banner-title { color: #7dd3fc !important; } html.dark-mode .blog-telegram-banner-text { color: #94a3b8; } html.dark-mode .blog-telegram-banner-arrow { background: rgba(56, 189, 248, 0.14); color: #7dd3fc; }
.gsl-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gsl-cat-grid .feat-card,.gsl-cat-grid .feat-card:nth-child(n),.gsl-cat-grid .feat-card:nth-child(n+4),.gsl-cat-grid .feat-card:nth-child(n+7){grid-column:auto;overflow:hidden;min-height:min-content;height:auto;align-self:stretch}
.gsl-cat-grid .feat-card__title,.gsl-cat-grid .feat-card__text{white-space:normal;overflow:visible;text-overflow:unset;display:block}
.gsl-step-grid .feat-card,.gsl-step-grid .feat-card:nth-child(n),.gsl-step-grid .feat-card:nth-child(n+4),.gsl-step-grid .feat-card:nth-child(n+7){grid-column:span 3}
.gsl-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:991.98px){
.gsl-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gsl-step-grid .feat-card,.gsl-step-grid .feat-card:nth-child(n),.gsl-step-grid .feat-card:nth-child(n+4),.gsl-step-grid .feat-card:nth-child(n+7){grid-column:span 6}
.gsl-status-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767.98px){
.gsl-cat-grid{grid-template-columns:1fr}
.gsl-step-grid .feat-card,.gsl-step-grid .feat-card:nth-child(n),.gsl-step-grid .feat-card:nth-child(n+4),.gsl-step-grid .feat-card:nth-child(n+7){grid-column:span 12}
.gsl-status-grid{grid-template-columns:1fr}
}
.mobile-app-install>a{color:inherit;text-decoration:none!important}
.mobile-app-icon{position:relative;border-radius:50%;background-image:linear-gradient(92deg,#3a57e8,#6e8efb);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(139,92,246,.4)}
.mobile-app-icon svg{width:32px;height:32px;fill:#fff;color:#fff}
.mobile-app-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:#ef4444;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}
.mobile-app-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;opacity:0;pointer-events:none;background:#fff;color:#1f2937;padding:10px 14px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);font-size:14px;font-weight:600;text-decoration:none}
.mobile-app-install:hover .mobile-app-tooltip,.mobile-app-install:focus-within .mobile-app-tooltip{opacity:1}