@font-face {font-family: 'peydaWeb';src: url('assets/fonts/peydaWeb-light.woff') format('woff');font-weight: 300;font-display: swap;}@font-face {font-family: 'peydaWeb';src: url('assets/fonts/PeydaWeb-Regular.woff') format('woff');font-weight: 400;font-display: swap;}@font-face {font-family: 'peydaWeb';src: url('assets/fonts/PeydaWeb-Bold.woff') format('woff');font-weight: 600;font-display: swap;}@font-face {font-family: 'peydaWeb';src: url('assets/fonts/PeydaWeb-Black_2.woff') format('woff');font-weight: 800;font-display: swap;}:root {--primary-color: #6366f1;--secondary-color: #4f46e5;--dark-color: #0f172a;--light-color: #f8fafc;--text-color: #334155;--text-muted: #64748b;--white: #ffffff;--transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);--font-family: 'peydaWeb', 'Vazirmatn', Tahoma, sans-serif;}* {margin: 0;padding: 0;box-sizing: border-box;outline: none;font-family: 'peydaWeb';}body {font-family: var(--font-family);direction: rtl;text-align: right;background-color: #f8fafc;color: var(--text-color);overflow-x: hidden;line-height: 1.6;font-size: 14px;}.mt-header {margin-top: 30px !important;}.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}img {max-width: 100%;height: auto;}a {text-decoration: none;color: inherit;transition: var(--transition);}.btn {display: inline-flex;align-items: center;gap: 8px;padding: 10px 22px;border-radius: 8px;font-weight: bold;cursor: pointer;font-size: 13px;transition: var(--transition);border: none;}.form-row {display: flex;gap: 20px;margin-bottom: 25px;}.half-width {flex: 1;margin-bottom: 0;}.btn-primary {background-color: var(--primary-color);color: var(--white);}.btn-primary:hover {background-color: var(--secondary-color);transform: translateY(-3px);box-shadow: 0 10px 20px rgba(99, 102, 241, 0.3);}.btn-secondary {background-color: var(--dark-color);color: var(--white);}.btn-secondary:hover {background-color: #1e293b;transform: translateY(-3px);box-shadow: 0 10px 20px rgba(15, 23, 42, 0.2);}.btn-light {background-color: var(--white);color: var(--dark-color);}.btn-light:hover {background-color: var(--light-color);transform: translateY(-3px);}.admin-bar .main-header {top: 31px;}.main-header {position: fixed;top: 0;right: 0;left: 0;z-index: 1000;background-color: transparent;padding: 20px 0;transition: var(--transition);}.main-header.scrolled {padding: 10px 0;background-color: rgba(255, 255, 255, 0.65);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);}.header-container {display: grid;grid-template-columns: 1.5fr 7fr 1.5fr;align-items: center;}.logo {justify-self: start;}.logo img {max-height: 50px;width: 169px;height: 40px;}.nav-menu {direction: rtl;display: block;margin-right: 45px;}.menu-list {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: 36px;}.menu-list li {position: relative;}.menu-list > li > a {font-size: 14.5px;font-weight: 600;color: #64748b;text-decoration: none;display: flex;align-items: center;gap: 6px;padding: 14px 0;position: relative;transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.menu-list > li > a.active, .menu-list > li > a:hover {color: #0f172a;}.menu-list > li > a::after {content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 2px;background-color: var(--primary-color);transition: var(--transition);}.menu-list > li:hover > a::after, .menu-list > li > a.active::after {width: 100%;}.menu-toggle {display: none;font-size: 24px;cursor: pointer;color: #1e293b;z-index: 1001;}.mobile-menu-container {display: none;}.st-btn-auth-premium {position: relative;display: inline-flex;align-items: center;justify-content: center;padding: 1px;border-radius: 14px;overflow: hidden;text-decoration: none;cursor: pointer;background: #e2e8f0;transition: background 0.4s ease, box-shadow 0.4s ease;}.st-btn-auth-premium .st-btn-content {position: relative;display: flex;align-items: center;gap: 10px;padding: 10px 22px;background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 13px;color: #475569;font-size: 13.5px;font-weight: 600;white-space: nowrap;z-index: 2;transition: background 0.35s ease, color 0.35s ease;}.st-btn-auth-premium .st-btn-content i {font-size: 14px;color: #6366f1;transition: transform 0.3s ease;}.st-btn-auth-premium .st-border-glow {position: absolute;width: 150%;height: 150%;top: -25%;left: -25%;background: conic-gradient(from 0deg, transparent 20%, #6366f1 40%, #a855f7 60%, #06b6d4 80%, transparent 100%);z-index: 1;opacity: 0;transition: opacity 0.4s ease;}@keyframes stGlowRotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.st-btn-auth-premium:hover {background: transparent;box-shadow: 0 8px 25px rgba(99, 102, 241, 0.16);}.st-btn-auth-premium:hover .st-border-glow {opacity: 1;animation: stGlowRotate 2.5s linear infinite;}.st-btn-auth-premium:hover .st-btn-content {background: rgba(255, 255, 255, 0.95);color: #0f172a;}.st-btn-auth-premium:hover .st-btn-content i {transform: scale(1.15) rotate(-5deg);color: #a855f7;}.header-cta .btn-primary {display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;padding: 11px 24px !important;font-size: 13.5px !important;font-weight: 700 !important;border-radius: 14px !important;white-space: nowrap;transition: all 0.35s ease !important;}.st-user-profile-dropdown {position: relative;display: flex;align-items: center;height: 40px;}.st-avatar-trigger {display: flex;align-items: center;gap: 8px;cursor: pointer;height: 100%;}.st-avatar-squircle {position: relative;width: 34px;height: 34px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 11px;box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s;}.st-avatar-squircle img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}.st-status-indicator {position: absolute;top: -3px;left: -3px;width: 9px;height: 9px;background: #10b981;border: 2px solid #ffffff;border-radius: 4px;box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);}.st-arrow-indicator {font-size: 10px;color: #94a3b8;transition: transform 0.3s ease;}.st-dropdown-menu {position: absolute;top: calc(100% + 5px);right: 0;width: 275px;background: rgba(255, 255, 255, 0.96);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);border: 1px solid #e2e8f0;border-radius: 18px;padding: 20px;box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);z-index: 1000;}.st-dropdown-arrow-wrapper {position: absolute;top: -6px;right: 14px;width: 12px;height: 12px;background: rgba(255, 255, 255, 0.96);transform: rotate(45deg);border-left: 1px solid #e2e8f0;border-top: 1px solid #e2e8f0;z-index: -1;}.st-user-profile-dropdown:hover .st-dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}.st-user-profile-dropdown:hover .st-avatar-squircle {transform: scale(1.04);border-color: #cbd5e1;}.st-user-profile-dropdown:hover .st-arrow-indicator {transform: rotate(180deg);color: #475569;}.st-dropdown-user-header {border-bottom: 1px solid #f1f5f9;padding-bottom: 12px;margin-bottom: 14px;}.st-dropdown-user-header h4 {font-size: 14px;font-weight: 800;color: #0f172a;margin: 0 0 4px 0;}.st-dropdown-user-header span {font-size: 11px;color: #94a3b8;font-weight: 500;display: block;}.st-dropdown-wallet-card {background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border: 1px solid #e2e8f0;border-radius: 12px;padding: 12px 14px;margin-bottom: 16px;}.st-wallet-title-row {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.st-wallet-label {font-size: 11px;font-weight: 700;color: #64748b;display: flex;align-items: center;gap: 6px;}.st-wallet-label i {color: #6366f1;}.st-wallet-badge {font-size: 9px;font-weight: 800;color: #059669;background: #ecfdf5;padding: 1px 6px;border-radius: 20px;border: 1px solid #a7f3d0;}.st-wallet-balance {display: flex;align-items: baseline;gap: 4px;}.st-wallet-balance .balance-amount {font-size: 17px;font-weight: 900;color: #0f172a;}.st-wallet-balance .balance-currency {font-size: 10.5px;font-weight: 700;color: #64748b;}.st-dropdown-links {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 4px;}.st-dropdown-item {display: flex;align-items: center;gap: 10px;padding: 9px 10px;border-radius: 10px;color: #475569;font-size: 12.5px;font-weight: 700;text-decoration: none;transition: 0.2s;}.st-dropdown-item i {color: #94a3b8;font-size: 14px;}.st-nav-tag {font-size: 9px;font-weight: 800;background: #6366f1;color: #ffffff;padding: 1px 6px;border-radius: 6px;margin-right: auto;}.st-dropdown-item:hover {background: #f8fafc;color: #6366f1;}.st-dropdown-item:hover i {color: #6366f1;}.st-logout-wrapper {margin-top: 12px;padding-top: 12px;border-top: 1px solid #f1f5f9;list-style: none;}.st-logout-btn-premium {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 8px 12px;background: #fff1f2;border: 1px solid #ffe4e6;border-radius: 12px;text-decoration: none;color: #e11d48;font-size: 12.5px;font-weight: 800;transition: all 0.25s ease;}.st-logout-icon {width: 26px;height: 26px;background: #ffffff;border-radius: 8px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(225, 29, 72, 0.08);transition: all 0.25s ease;}.st-logout-icon i {font-size: 11px;}.st-logout-btn-premium:hover {background: #e11d48;color: #ffffff;border-color: #e11d48;box-shadow: 0 4px 12px rgba(225, 29, 72, 0.16);}.st-logout-btn-premium:hover .st-logout-icon {background: rgba(255, 255, 255, 0.2);color: #ffffff;transform: rotate(90deg);}.st-scroll-progress-container {position: fixed;top: 0;left: 0;right: 0;height: 3px;background-color: transparent;z-index: 999999 !important;pointer-events: none;}.st-scroll-progress-bar {height: 100%;width: 0%;background: linear-gradient(90deg, #6366f1 0%, #a855f7 50%, #06b6d4 100%);background-size: 200% auto;border-radius: 0 4px 4px 0;position: relative;transition: width 0.1s cubic-bezier(0.25, 1, 0.5, 1);}.st-scroll-progress-bar::after {content: '';position: absolute;top: -3px;left: 0;width: 12px;height: 9px;background: #06b6d4;border-radius: 50%;filter: blur(4px);box-shadow: 0 0 10px #06b6d4, 0 0 20px #a855f7;opacity: 0.8;}.st-btn-project-hero {position: relative;display: inline-flex;align-items: center;justify-content: center;text-decoration: none;cursor: pointer;border-radius: 14px;padding: 1px;overflow: visible;}.st-btn-project-hero .st-project-btn-content {position: relative;display: flex;align-items: center;gap: 10px;padding: 11px 26px;background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #4f46e5 100%);background-size: 200% auto;border-radius: 13px;color: #ffffff !important;font-size: 13.5px;font-weight: 600;white-space: nowrap;z-index: 3;transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);}.st-btn-project-hero .st-project-btn-content i {font-size: 14px;color: #ffffff;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}.st-btn-project-hero .st-pulse-layer {position: absolute;inset: 0;background: linear-gradient(135deg, #6366f1, #a855f7, #06b6d4);border-radius: 14px;z-index: 1;opacity: 0;filter: blur(0px);transition: opacity 0.4s ease, filter 0.4s ease;}@keyframes stNeonPulse {0% {transform: scale(0.96);filter: blur(10px);opacity: 0.4;}50% {transform: scale(1.04);filter: blur(16px);opacity: 0.8;}100% {transform: scale(0.96);filter: blur(10px);opacity: 0.4;}}.st-btn-project-hero:hover .st-project-btn-content {background-position: right center;box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);}.st-btn-project-hero:hover .st-pulse-layer {opacity: 1;animation: stNeonPulse 2s infinite ease-in-out;}.st-btn-project-hero:hover .st-project-btn-content i {transform: translate(-3px, -3px) scale(1.15);}.header-cta {display: flex !important;align-items: center !important;gap: 16px !important;justify-self: end;}.menu-arrow {font-size: 10px;margin-right: 4px;}.has-mega {position: static;}.mega-menu {position: absolute;top: 100%;right: -40px;width: 760px;background: rgb(255 255 255 / 100%);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(226, 232, 240, 0.8);border-radius: 24px;padding: 35px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01), 0 25px 50px -12px rgba(15, 23, 42, 0.08);opacity: 0;visibility: hidden;transform: translateY(12px) scale(0.96);transform-origin: top right;transition: opacity 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);z-index: 999;}.has-mega:hover .mega-menu {opacity: 1;visibility: visible;transform: translateY(0);}.mega-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;max-width: 1200px;margin: 0 auto;}.mega-col {display: flex;flex-direction: column;gap: 14px;}.mega-col a {font-size: 13px;color: #475569;text-decoration: none;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);padding: 2px 0;display: inline-block;width: max-content;position: relative;}.mega-col h3 {font-size: 14px;margin-bottom: 12px;color: var(--dark-color);display: flex;align-items: center;gap: 8px;border-bottom: 1px solid #e2e8f0;padding-bottom: 8px;}.mega-col h3 i {color: var(--primary-color);}.mega-col a:hover {color: var(--primary-color);padding-right: 6px;}.hero-slider-wrapper {position: relative;height: 100vh;width: 100vw;overflow: hidden;background-color: var(--light-color);}.hero-slider {height: 100%;width: 100%;position: relative;}.slide {position: absolute;inset: 0;opacity: 0;visibility: hidden;transition: opacity 0.8s ease;display: flex;align-items: center;}.slide.active {opacity: 1;visibility: visible;}.slide-grid {display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 40px;padding-top: 60px;}.slide-content .tag {background-color: rgba(99, 102, 241, 0.1);color: var(--primary-color);padding: 4px 12px;border-radius: 50px;font-size: 12px;font-weight: bold;display: inline-block;margin-bottom: 15px;}.slide-content h1, .slide-content .slide-title {font-size: 32px;color: var(--dark-color);line-height: 1.4;margin-bottom: 15px;font-weight: bold;}.slide-content p {color: var(--text-muted);font-size: 14px;margin-bottom: 25px;max-width: 450px;}.slide-img {display: flex;justify-content: center;align-items: center;}.slide-img img {max-height: 550px;object-fit: contain;animation: float 6s ease-in-out infinite;}@keyframes float {0%, 100% {transform: translateY(0);}50% {transform: translateY(-15px);}}.slider-btn {position: absolute;top: 50%;transform: translateY(-50%);background-color: var(--white);border: none;width: 45px;height: 45px;border-radius: 50px;cursor: pointer;box-shadow: 0 5px 15px rgba(0,0,0,0.05);display: flex;align-items: center;justify-content: center;font-size: 16px;z-index: 10;transition: var(--transition);}.slider-btn:hover {background-color: var(--primary-color);color: var(--white);}.slider-btn.prev {right: 30px;}.slider-btn.next {left: 30px;}.section-padding {padding: 80px 0;}.bg-light {background-color: var(--light-color);}.grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}.section-header {text-align: center;margin-bottom: 40px;}.section-header h2 {font-size: 24px;color: var(--dark-color);margin-bottom: 10px;}.section-header p {color: var(--text-muted);font-size: 13px;}.feature-card {background: var(--white);padding: 35px 25px;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.02);text-align: center;transition: var(--transition);}.feature-card:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0,0,0,0.06);}.feature-icon {font-size: 36px;color: var(--primary-color);margin-bottom: 15px;}.feature-card h3 {font-size: 16px;margin-bottom: 10px;color: var(--dark-color);}.feature-card p {font-size: 13px;color: var(--text-muted);}.slider-container-box {position: relative;overflow: hidden;padding: 10px 5px;}.slider-track {display: flex;gap: 30px;transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.ui-card {flex: 0 0 calc(50% - 15px);position: relative;border-radius: 12px;overflow: hidden;box-shadow: 0 15px 35px rgba(0,0,0,0.04);}.ui-card img {width: 100%;display: block;transition: var(--transition);}.ui-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.2));display: flex;flex-direction: column;justify-content: flex-end;padding: 25px;opacity: 0;transition: var(--transition);}.ui-card:hover .ui-overlay {opacity: 1;}.ui-card:hover img {transform: scale(1.04);}.ui-overlay h3 {color: var(--white);font-size: 16px;margin-bottom: 8px;}.view-project-link {color: var(--primary-color);font-weight: bold;font-size: 13px;}.logo-card {flex: 0 0 calc(25% - 22.5px);background: var(--white);padding: 15px;border-radius: 12px;text-align: center;border: 1px solid #f1f5f9;}.logo-img-wrapper {background-color: var(--light-color);border-radius: 8px;padding: 15px;margin-bottom: 12px;}.logo-card h3 {font-size: 13px;color: var(--dark-color);}.nav-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 38px;height: 38px;border-radius: 8px;border: none;background-color: var(--white);box-shadow: 0 4px 12px rgba(0,0,0,0.08);cursor: pointer;z-index: 5;transition: var(--transition);}.nav-arrow:hover {background-color: var(--primary-color);color: var(--white);}.nav-arrow.prev {right: 5px;}.nav-arrow.next {left: 5px;}.cta-banner {background: linear-gradient(135deg, var(--secondary-color), #312e81);color: var(--white);}.cta-grid {display: flex;justify-content: space-between;align-items: center;gap: 30px;}.cta-text h2 {font-size: 24px;margin-bottom: 10px;}.cta-text p {font-size: 14px;opacity: 0.9;}.testimonial-box .testimonial-card {flex: 0 0 calc(50% - 15px);background: var(--white);padding: 35px;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.01);position: relative;border: 1px solid transparent;transition: var(--transition);}.testimonial-box .testimonial-card:hover {border-color: var(--primary-color);transform: translateY(-5px);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.06);}.comment-text {color: var(--text-color);font-style: italic;margin-bottom: 20px;font-size: 13.5px;}.user-profile {display: flex;align-items: center;gap: 12px;}.user-profile img {width: 50px;height: 50px;border-radius: 50px;object-fit: cover;}.user-info h4 {color: var(--dark-color);font-size: 14px;}.user-info span {color: var(--text-muted);font-size: 12px;}.page-header {background: linear-gradient(135deg, #f1f5f9, #e2e8f0);padding: 130px 0 50px;text-align: center;}.page-header h1 {font-size: 26px;color: var(--dark-color);margin-bottom: 8px;}.breadcrumbs {display: flex;justify-content: center;gap: 8px;color: var(--text-muted);font-size: 12px;}.breadcrumbs a:hover {color: var(--primary-color);}.about-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;align-items: center;}.about-text h2 {font-size: 22px;margin-bottom: 15px;color: var(--dark-color);}.about-text p {margin-bottom: 15px;color: var(--text-color);}.about-features {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;margin-top: 20px;}.about-f-box {background: var(--light-color);padding: 15px;border-radius: 8px;}.about-f-box h4 {margin-bottom: 5px;color: var(--dark-color);font-size: 14px;}.about-f-box p {font-size: 12px;color: var(--text-muted);margin: 0;}.contact-grid {display: grid;grid-template-columns: 1.2fr 1.8fr;gap: 40px;}.contact-info-wrap h2 {font-size: 22px;margin-bottom: 15px;}.contact-info-wrap p {margin-bottom: 20px;}.contact-info-card {background: var(--light-color);padding: 15px 20px;border-radius: 10px;display: flex;gap: 15px;align-items: center;}.contact-info-card i {font-size: 22px;color: var(--primary-color);}.contact-info-card h4 {font-size: 14px;color: var(--dark-color);margin-bottom: 3px;}.contact-info-card p {font-size: 13px;color: var(--text-muted);margin: 0;}.contact-form {background: var(--white);padding: 25px;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.02);border: 1px solid #f1f5f9;}.form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}.form-group {display: flex;flex-direction: column;gap: 6px;margin-bottom: 15px;}.form-group label {font-size: 12.5px;font-weight: 600;color: var(--dark-color);}.form-group input, .form-group textarea {padding: 10px 14px;border: 1px solid #cbd5e1;border-radius: 6px;font-family: var(--font-family);font-size: 13px;transition: var(--transition);}.form-group input:focus, .form-group textarea:focus {border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);}.portfolio-filters {display: flex;justify-content: center;gap: 12px;margin-bottom: 35px;}.filter-btn {background: var(--light-color);border: none;padding: 8px 18px;border-radius: 30px;cursor: pointer;font-family: var(--font-family);font-size: 12.5px;transition: var(--transition);}.filter-btn.active, .filter-btn:hover {background: var(--primary-color);color: var(--white);}.portfolio-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;}.portfolio-item {border-radius: 12px;overflow: hidden;position: relative;}.main-footer {background-color: var(--dark-color);color: #94a3b8;padding-top: 60px;}.footer-grid {display: grid;grid-template-columns: 2fr 1.2fr 1.2fr 1.6fr;gap: 40px;padding-bottom: 40px;}.footer-logo {margin-bottom: 15px;max-height: 40px;}.footer-col h3 {color: var(--white);font-size: 15px;margin-bottom: 20px;position: relative;padding-bottom: 8px;}.footer-col h3::after {content: '';position: absolute;bottom: 0;right: 0;width: 35px;height: 2px;background-color: var(--primary-color);}.footer-links, .footer-contact {list-style: none;}.footer-links li {margin-bottom: 10px;}.footer-links li a {font-size: 13px;}.footer-links li a:hover {color: var(--white);padding-right: 5px;}.footer-contact li {display: flex;align-items: center;gap: 10px;margin-bottom: 12px;font-size: 13px;}.footer-contact i {color: var(--primary-color);}.social-links {display: flex;gap: 12px;margin-top: 20px;}.social-links a {width: 36px;height: 36px;background-color: #1e293b;border-radius: 8px;display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 14px;}.social-links a:hover {background-color: var(--primary-color);transform: translateY(-3px);}.trust-icons {display: flex;gap: 12px;}.namad-box {background-color: var(--white);padding: 8px;border-radius: 6px;display: flex;align-items: center;justify-content: center;width: 90px;height: 100px;}.footer-bottom {border-top: 1px solid #1e293b;padding: 20px 0;text-align: center;font-size: 13px;}.menu-toggle {display: none;font-size: 22px;cursor: pointer;color: var(--dark-color);}.blog-layout {display: grid;grid-template-columns: 2.8fr 1.2fr;gap: 40px;margin-top: 40px;}.blog-sidebar {position: sticky;top: 100px;height: max-content;display: flex;flex-direction: column;gap: 30px;}.widget {background: var(--white);border: 1px solid #e2e8f0;border-radius: 16px;padding: 25px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);}.widget-title {font-size: 16px;color: var(--dark-color);margin-bottom: 20px;position: relative;padding-bottom: 10px;font-weight: 700;}.widget-title::after {content: '';position: absolute;bottom: 0;right: 0;width: 40px;height: 3px;background-color: var(--primary-color);border-radius: 50px;}.widget-list {display: flex;flex-direction: column;gap: 15px;list-style: none;}.widget-item {display: flex;gap: 12px;align-items: center;}.widget-item img {width: 60px;height: 60px;border-radius: 8px;object-fit: cover;}.widget-item-info h4 {font-size: 13px;color: var(--dark-color);line-height: 1.5;margin-bottom: 5px;}.widget-item-info h4 a:hover {color: var(--primary-color);}.widget-item-info span {font-size: 11px;color: var(--text-muted);}.comment-widget-item {font-size: 12.5px;border-bottom: 1px dashed #e2e8f0;padding-bottom: 12px;}.comment-widget-item :last-child {border: none;padding: 0;}.comment-widget-item .user {font-weight: bold;color: var(--dark-color);}.comment-widget-item p {color: var(--text-muted);margin-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.blog-grid {display: flex;flex-direction: column;gap: 35px;}.post-card {background: var(--white);border-radius: 20px;overflow: hidden;border: 1px solid #e2e8f0;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);display: grid;grid-template-columns: 1.2fr 1.8fr;transition: var(--transition);}.post-card:hover {transform: translateY(-5px);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.08);border-color: rgba(99, 102, 241, 0.2);}.post-thumb-wrap {position: relative;overflow: hidden;}.post-thumb-wrap img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.post-card:hover .post-thumb-wrap img {transform: scale(1.08) rotate(-1deg);}.post-thumb-wrap::after {content: '';position: absolute;inset: 0;background: linear-gradient(to top, rgba(99, 102, 241, 0.15), transparent);opacity: 0;transition: var(--transition);}.post-card:hover .post-thumb-wrap::after {opacity: 1;}.post-content {padding: 30px;display: flex;flex-direction: column;justify-content: center;}.post-meta {display: flex;gap: 15px;font-size: 12px;color: var(--text-muted);margin-bottom: 12px;}.post-meta span i {color: var(--primary-color);margin-left: 4px;}.post-content h2 {font-size: 20px;color: var(--dark-color);margin-bottom: 12px;line-height: 1.4;}.post-content p {font-size: 13.5px;color: var(--text-muted);line-height: 1.7;margin-bottom: 20px;}.read-more-btn {display: inline-flex;align-items: center;gap: 8px;color: var(--primary-color);font-weight: 700;font-size: 13px;align-self: flex-start;}.read-more-btn i {transition: var(--transition);}.post-card:hover .read-more-btn i {transform: translateX(-6px);}.post-card:hover .read-more-btn {color: var(--secondary-color);}.single-post-wrapper {background: var(--white);border: 1px solid #e2e8f0;border-radius: 24px;padding: 40px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);}.single-post-thumb {width: 100%;max-height: 450px;object-fit: cover;border-radius: 16px;margin-bottom: 25px;}.single-post-title {font-size: 26px;color: var(--dark-color);margin-bottom: 20px;line-height: 1.5;}.article-body {font-size: 15px;line-height: 1.8;color: var(--text-color);}.article-body p {margin-bottom: 20px;}.download-box {background: linear-gradient(135deg, #f8fafc, #f1f5f9);border: 2px dashed var(--primary-color);border-radius: 16px;padding: 30px;margin: 40px 0;}.download-header {display: flex;align-items: center;gap: 12px;margin-bottom: 20px;border-bottom: 1px solid #e2e8f0;padding-bottom: 15px;}.download-header i {font-size: 24px;color: var(--primary-color);}.download-header h3 {font-size: 16px;color: var(--dark-color);}.download-info-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 15px;margin-bottom: 25px;}.download-info-item {background: var(--white);padding: 12px;border-radius: 10px;font-size: 12.5px;border: 1px solid #e2e8f0;}.download-info-item span {color: var(--text-muted);}.download-info-item strong {color: var(--dark-color);float: left;}.download-links {display: flex;flex-direction: column;gap: 12px;}.download-btn {display: flex;justify-content: space-between;align-items: center;background: var(--primary-color);color: var(--white);padding: 14px 25px;border-radius: 10px;font-weight: bold;font-size: 13.5px;box-shadow: 0 6px 20px rgba(99, 102, 241, 0.2);}.download-btn:hover {background: var(--secondary-color);transform: translateY(-2px);box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3);}.comments-section {margin-top: 50px;border-top: 1px solid #e2e8f0;padding-top: 40px;}.comments-title {font-size: 18px;color: var(--dark-color);margin-bottom: 30px;}.comment-list {display: flex;flex-direction: column;gap: 25px;list-style: none;}.comment-card {background: var(--white);border: 1px solid #e2e8f0;padding: 25px;border-radius: 16px;display: flex;gap: 20px;}.comment-list li ul {list-style: none;padding-right: 50px;margin-top: 20px;display: flex;flex-direction: column;gap: 20px;}.comment-avatar img {width: 55px;height: 55px;border-radius: 50px;object-fit: cover;}.comment-main {flex: 1;}.comment-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}.comment-author-info h4 {font-size: 14px;color: var(--dark-color);}.comment-author-info span {font-size: 11px;color: var(--text-muted);margin-top: 2px;display: block;}.reply-link {font-size: 12px;color: var(--primary-color);font-weight: bold;border: 1px solid #e2e8f0;padding: 4px 12px;border-radius: 6px;}.reply-link:hover {background: var(--primary-color);color: var(--white);border-color: var(--primary-color);}.comment-body {font-size: 13.5px;line-height: 1.7;color: var(--text-color);}.comment-form-wrapper {background: var(--light-color);padding: 30px;border-radius: 16px;margin-top: 40px;border: 1px solid #e2e8f0;}.comment-form-wrapper h3 {font-size: 16px;color: var(--dark-color);margin-bottom: 20px;}.page-spacing {padding: 60px 0;}.pricing-header {text-align: center;margin-bottom: 60px;}.pricing-header h1 {font-size: 28px;color: var(--dark-color);margin-bottom: 15px;font-weight: 800;}.pricing-header p {font-size: 15px;color: var(--text-muted);}.pricing-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;align-items: stretch;margin-bottom: 60px;}.price-card {background: var(--white);border: 1px solid #e2e8f0;border-radius: 24px;padding: 40px 30px;position: relative;display: flex;flex-direction: column;transition: var(--transition);}.price-card.featured {border: 2px solid var(--primary-color);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.08);transform: scale(1.03);}.price-card:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);}.price-card.featured:hover {transform: translateY(-8px) scale(1.03);box-shadow: 0 25px 50px rgba(99, 102, 241, 0.15);}.card-badge {position: absolute;top: -15px;right: 30px;background: #f1f5f9;color: var(--text-color);padding: 5px 15px;border-radius: 50px;font-size: 11px;font-weight: 700;border: 1px solid #e2e8f0;}.card-badge.hot {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: var(--white);border: none;}.price-card-header {border-bottom: 1px solid #f1f5f9;padding-bottom: 25px;margin-bottom: 30px;text-align: center;}.price-card-header h3 {font-size: 19px;color: var(--dark-color);margin-bottom: 15px;font-weight: 700;}.price-amount {font-size: 32px;font-weight: 900;color: var(--dark-color);}.price-amount span {font-size: 13px;font-weight: normal;color: var(--text-muted);display: block;margin-top: 5px;}.price-features {list-style: none;display: flex;flex-direction: column;gap: 16px;margin-bottom: 40px;flex: 1;}.price-features li {font-size: 13.5px;color: var(--text-color);display: flex;align-items: center;gap: 10px;}.price-features li i.fa-check {color: #10b981;}.price-features li.disabled {color: #cbd5e1;text-decoration: line-through;}.price-features li.disabled i {color: #ef4444;}.price-btn {display: block;text-align: center;background: #f8fafc;color: var(--dark-color);border: 1px solid #e2e8f0;padding: 14px;border-radius: 12px;font-weight: 700;font-size: 14px;transition: var(--transition);}.price-btn:hover {background: var(--dark-color);color: var(--white);border-color: var(--dark-color);}.btn-featured {background: var(--primary-color);color: var(--white);border: none;box-shadow: 0 8px 20px rgba(99, 102, 241, 0.2);}.btn-featured:hover {background: var(--secondary-color);box-shadow: 0 12px 25px rgba(99, 102, 241, 0.3);transform: translateY(-2px);}.single-prices-section {margin-bottom: 60px;}.single-prices-title {font-size: 20px;color: var(--dark-color);margin-bottom: 25px;font-weight: 700;position: relative;padding-right: 15px;}.single-prices-title::before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 20px;background-color: var(--primary-color);border-radius: 10px;}.single-prices-list {display: grid;grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));gap: 20px;}.single-price-item {background: var(--white);border: 1px solid #e2e8f0;border-radius: 16px;padding: 20px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;text-align: center;transition: var(--transition);}.single-price-item:hover {border-color: var(--primary-color);box-shadow: 0 10px 25px rgba(99, 102, 241, 0.04);}.single-price-item i {font-size: 26px;color: var(--primary-color);margin-bottom: 12px;}.single-price-item h4 {font-size: 15px;color: var(--dark-color);margin-bottom: 8px;}.single-price-item .single-cost {font-size: 18px;font-weight: 800;color: var(--secondary-color);margin-bottom: 12px;}.single-price-item .order-link {font-size: 12px;font-weight: bold;color: var(--primary-color);}.comparison-section {margin-top: 40px;}.comparison-title {font-size: 22px;color: var(--dark-color);margin-bottom: 30px;text-align: center;font-weight: 700;}.table-responsive {background: var(--white);border-radius: 20px;border: 1px solid #e2e8f0;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);}.comparison-table {width: 100%;border-collapse: collapse;text-align: center;font-size: 14px;}.comparison-table th, .comparison-table td {padding: 20px 25px;border-bottom: 1px solid #f1f5f9;}.comparison-table th {background: #f8fafc;color: var(--dark-color);font-weight: 700;font-size: 15px;}.comparison-table th:first-child, .comparison-table td:first-child {text-align: right;font-weight: 700;color: var(--dark-color);width: 30%;}.comparison-table tbody tr:hover {background-color: #f8fafc;}.comparison-table i.text-success {color: #10b981;font-size: 16px;}.comparison-table i.text-muted {color: #cbd5e1;}.banner-portfolio {padding: 80px 0;}.banner-portfolio-header {text-align: center;margin-bottom: 50px;}.banner-portfolio-header h2 {font-size: 26px;color: var(--dark-color);margin-bottom: 12px;font-weight: 800;}.banner-portfolio-header p {font-size: 14.5px;color: var(--text-muted);}.banner-portfolio-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 30px;}.banner-item {text-decoration: none;display: block;}.banner-card {background: var(--white);border-radius: 16px;overflow: hidden;border: 1px solid #e2e8f0;transition: transform 0.4s ease, box-shadow 0.4s ease;}.banner-thumb {position: relative;width: 100%;height: 350px;overflow: hidden;background-color: #f8fafc;}.banner-thumb img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}.banner-meta {padding: 22px;background: var(--white);}.banner-tag {font-size: 11px;font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;display: block;margin-bottom: 8px;}.banner-meta h3 {font-size: 15px;color: var(--dark-color);font-weight: 700;line-height: 1.5;transition: color 0.3s ease;}.banner-item:hover .banner-thumb img {transform: scale(1.08);}.banner-item:hover .banner-meta h3 {color: var(--primary-color);}.banner-item:hover .banner-card {transform: translateY(-4px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);border-color: #cbd5e1;}.auth-page-body {margin: 0;padding: 0;height: 100vh;background-color: #f8fafc;display: flex;align-items: center;justify-content: center;overflow: hidden;}.auth-container {display: grid;grid-template-columns: 1.1fr 0.9fr;width: 100%;height: 100vh;background: var(--white);}.auth-visual-side {position: relative;background: linear-gradient(135deg, #1e1b4b, #311042), url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1000&q=80');background-size: cover;background-position: center;background-blend-mode: overlay;display: flex;align-items: flex-end;padding: 60px;color: var(--white);}.visual-content {position: relative;z-index: 2;max-width: 480px;}.visual-logo i {font-size: 36px;color: #a5b4fc;margin-bottom: 25px;display: inline-block;}.auth-visual-side h2 {font-size: 28px;font-weight: 800;margin-bottom: 15px;line-height: 1.4;}.auth-visual-side p {font-size: 14.5px;line-height: 1.8;color: #cbd5e1;}.visual-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(15, 23, 42, 0.85), transparent);z-index: 1;}.auth-form-side {position: relative;display: flex;align-items: center;justify-content: center;padding: 40px;background-color: var(--white);}.back-to-home {position: absolute;top: 40px;right: 40px;font-size: 13px;font-weight: 700;color: var(--text-muted);text-decoration: none;display: flex;align-items: center;gap: 8px;transition: var(--transition);}.back-to-home:hover {color: var(--primary-color);transform: translateX(-3px);}.auth-form-box {width: 100%;max-width: 380px;}.form-header {margin-bottom: 35px;}.form-header h1 {font-size: 24px;color: var(--dark-color);font-weight: 800;margin-bottom: 10px;}.form-header p {font-size: 13.5px;color: var(--text-muted);}.input-group-modern {margin-bottom: 25px;}.input-group-modern label {display: block;font-size: 13px;font-weight: 700;color: var(--dark-color);margin-bottom: 10px;}.input-wrapper {position: relative;display: flex;align-items: center;}.input-icon {position: absolute;right: 15px;color: #94a3b8;font-size: 16px;transition: color 0.3s ease;}.input-wrapper input {width: 100%;padding: 14px 45px 14px 15px;border: 1px solid #e2e8f0;background-color: #f8fafc;border-radius: 12px;font-size: 15px;color: var(--dark-color);font-weight: 100;letter-spacing: 1px;outline: none;transition: all 0.3s ease;}.input-wrapper input:focus {border-color: var(--primary-color);background-color: var(--white);box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.08);}.input-wrapper input:focus + .input-icon {color: var(--primary-color);}.auth-submit-btn {width: 100%;background: var(--primary-color);color: var(--white);border: none;padding: 14px;border-radius: 12px;font-size: 14px;font-weight: 700;cursor: pointer;display: flex;justify-content: center;align-items: center;gap: 8px;box-shadow: 0 6px 20px rgba(99, 102, 241, 0.2);transition: var(--transition);font-family: var(--font-family);}.auth-submit-btn:hover {background: var(--secondary-color);box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3);transform: translateY(-2px);}.auth-submit-btn i {font-size: 12px;transition: transform 0.3s ease;}.auth-submit-btn:hover i {transform: translateX(-4px);}.auth-footer-terms {margin-top: 30px;text-align: center;}.auth-footer-terms p {font-size: 11.5px;color: var(--text-muted);line-height: 1.6;}.auth-footer-terms a {color: var(--primary-color);text-decoration: none;font-weight: bold;}.user-dashboard-section {padding: 90px 0 100px 0;}.dashboard-grid {display: grid;grid-template-columns: 280px 1fr;gap: 40px;align-items: start;}.dashboard-sidebar {background: var(--white);border: 1px solid #e2e8f0;border-radius: 20px;padding: 30px 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);}.user-brief-info {display: flex;align-items: center;gap: 15px;padding-bottom: 25px;border-bottom: 1px solid #f1f5f9;margin-bottom: 25px;}.user-avatar {width: 50px;height: 50px;background: rgba(99, 102, 241, 0.1);border-radius: 14px;display: flex;align-items: center;justify-content: center;}.user-avatar i {font-size: 22px;color: var(--primary-color);}.user-meta-text h4 {font-size: 15px;color: var(--dark-color);font-weight: 800;margin-bottom: 5px;}.user-meta-text span {font-size: 11.5px;color: var(--text-muted);}.sidebar-menu {display: flex;flex-direction: column;gap: 8px;}.menu-item {display: flex;align-items: center;gap: 12px;padding: 14px 18px;color: #64748b;font-size: 13.5px;font-weight: 600;text-decoration: none;border-radius: 12px;transition: all 0.3s ease;}.menu-item i {font-size: 18px;}.menu-item:hover {background: #f8fafc;color: var(--dark-color);}.menu-item.active {background: var(--primary-color);color: var(--white);}.logout-item {margin-top: 20px;color: #ef4444;border-top: 1px solid #f1f5f9;padding-top: 20px;border-radius: 0 0 12px 12px;}.logout-item:hover {background: #fef2f2;color: #dc2626;}.badge-count {margin-right: auto;background: #ef4444;color: var(--white);font-size: 10px;padding: 2px 7px;border-radius: 20px;font-weight: bold;}.dashboard-main-content {display: flex;flex-direction: column;gap: 30px;}.dashboard-welcome-card {background: linear-gradient(135deg, #1e1b4b, #311042);border-radius: 24px;padding: 35px;color: var(--white);}.welcome-text h2 {font-size: 22px;font-weight: 800;margin-bottom: 12px;}.welcome-text p {font-size: 13.5px;line-height: 1.8;color: #cbd5e1;max-width: 650px;}.dashboard-row-split {display: grid;grid-template-columns: 1fr 1.2fr;gap: 30px;}.dashboard-card-box {background: var(--white);border: 1px solid #e2e8f0;border-radius: 20px;padding: 25px;}.card-box-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;border-bottom: 1px solid #f1f5f9;padding-bottom: 15px;}.card-box-header h3 {font-size: 16px;color: var(--dark-color);font-weight: 800;display: flex;align-items: center;gap: 8px;}.card-box-header h3 i {color: var(--primary-color);}.see-all-link {font-size: 12px;color: var(--primary-color);text-decoration: none;font-weight: 700;}.invoice-list {display: flex;flex-direction: column;gap: 12px;}.invoice-item {display: flex;justify-content: space-between;align-items: center;padding: 14px 18px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;}.invoice-info {display: flex;flex-direction: column;gap: 4px;}.invoice-id {font-size: 13px;font-weight: 700;color: var(--dark-color);}.invoice-date {font-size: 11px;color: var(--text-muted);}.invoice-status {font-size: 11px;font-weight: 700;padding: 4px 10px;border-radius: 8px;}.status-paid {background: #bbf7d0;color: #15803d;}.status-pending {background: #fef08a;color: #a16207;}.dashboard-quick-form {display: flex;flex-direction: column;gap: 15px;}.form-group-dash {display: flex;flex-direction: column;gap: 8px;width: 100%;margin-bottom: 12px;}.form-group-dash label {font-size: 12.5px;font-weight: 700;color: var(--dark-color);}.form-group-dash input {padding: 11px 14px;border: 1px solid #e2e8f0;background: #f8fafc;border-radius: 10px;font-size: 13.5px;color: var(--dark-color);outline: none;transition: all 0.3s ease;font-family: 'peydaWeb';}.form-group-dash input:focus {border-color: var(--primary-color);background: var(--white);}.dash-save-btn {background: var(--primary-color);color: var(--white);border: none;padding: 12px 20px;border-radius: 10px;font-size: 13px;font-weight: 500;cursor: pointer;align-self: flex-start;transition: all 0.3s ease;font-family: 'peydaWeb';}.dash-save-btn:hover {background: var(--secondary-color);transform: translateY(-1px);}.dashboard-news-section {background: var(--white);border: 1px solid #e2e8f0;border-radius: 20px;padding: 25px;margin-top: 30px;}.dashboard-news-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 25px;}.dash-news-card {display: flex;gap: 15px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 14px;padding: 15px;transition: transform 0.3s ease;}.dash-news-card:hover {transform: translateY(-2px);border-color: #cbd5e1;}.news-thumb {width: 100px;height: 100px;border-radius: 10px;overflow: hidden;flex-shrink: 0;}.news-thumb img {width: 100%;height: 100%;object-fit: cover;}.news-content {display: flex;flex-direction: column;justify-content: center;}.news-tag {font-size: 10px;font-weight: 700;color: var(--primary-color);margin-bottom: 6px;}.news-content h4 {font-size: 13.5px;color: var(--dark-color);font-weight: 800;margin-bottom: 6px;line-height: 1.5;}.news-content p {font-size: 12px;color: var(--text-muted);line-height: 1.6;}.checkout-page-body {margin: 0;padding: 0;height: 100vh;background-color: #f1f5f9;display: flex;align-items: center;justify-content: center;}.checkout-container {display: grid;grid-template-columns: 1fr 1.1fr;width: 100%;max-width: 1000px;height: 600px;background: var(--white);border-radius: 24px;overflow: hidden;box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);}.checkout-card-side {background: linear-gradient(135deg, #0f172a, #1e293b);display: flex;align-items: center;justify-content: center;padding: 50px;color: var(--white);}.card-visual-wrapper {width: 100%;max-width: 360px;display: flex;flex-direction: column;gap: 40px;}.premium-bank-card {position: relative;width: 100%;height: 210px;background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.03));border-radius: 18px;border: 1px solid rgba(255,255,255,0.15);padding: 25px;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;box-shadow: 0 15px 35px rgba(0,0,0,0.2);backdrop-filter: blur(10px);}.card-inner-glare {position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);pointer-events: none;}.card-bank-header {display: flex;justify-content: space-between;align-items: center;}.bank-name {font-size: 14px;font-weight: bold;letter-spacing: 0.5px;opacity: 0.9;}.card-chip {font-size: 24px;color: #fbbf24;}.card-number-display {display: flex;justify-content: space-between;direction: ltr;font-size: 20px;font-weight: 700;letter-spacing: 2px;color: rgba(255,255,255,0.95);text-shadow: 0 2px 4px rgba(0,0,0,0.3);margin: 20px 0;}.card-bank-footer {display: flex;justify-content: space-between;}.card-bank-footer label {display: block;font-size: 9px;opacity: 0.5;margin-bottom: 4px;}.card-bank-footer p {font-size: 13px;font-weight: 600;}.card-side-info h3 {font-size: 16px;margin-bottom: 10px;display: flex;align-items: center;gap: 8px;color: #38bdf8;}.card-side-info p {font-size: 13px;line-height: 1.6;color: #94a3b8;}.checkout-form-side {display: flex;align-items: center;justify-content: center;padding: 50px;}.checkout-form-box {width: 100%;max-width: 380px;}.checkout-header {margin-bottom: 30px;}.checkout-header h2 {font-size: 22px;font-weight: 800;color: var(--dark-color);margin-bottom: 8px;}.checkout-header p {font-size: 13px;color: var(--text-muted);}.price-input-wrap input {font-size: 18px !important;color: var(--primary-color) !important;}.checkout-submit-btn {width: 100%;background: #22c55e;color: var(--white);border: none;padding: 14px;border-radius: 12px;font-size: 14px;font-weight: 700;cursor: pointer;display: flex;justify-content: center;align-items: center;gap: 8px;box-shadow: 0 6px 20px rgba(34, 197, 94, 0.2);transition: all 0.3s ease;}.checkout-submit-btn:hover {background: #16a34a;box-shadow: 0 10px 25px rgba(34, 197, 94, 0.3);transform: translateY(-2px);}.receipt-page-body {margin: 0;padding: 0;height: 100vh;background-color: #f8fafc;display: flex;align-items: center;justify-content: center;}.receipt-card {background: var(--white);width: 100%;max-width: 420px;border-radius: 24px;padding: 40px 30px;border: 1px solid #e2e8f0;box-shadow: 0 15px 40px rgba(0,0,0,0.03);text-align: center;}.receipt-icon-badge {width: 70px;height: 70px;border-radius: 50%;margin: 0 auto 25px auto;display: flex;align-items: center;justify-content: center;font-size: 28px;}.receipt-header-text h1 {font-size: 20px;font-weight: 800;margin-bottom: 8px;}.receipt-header-text p {font-size: 13px;color: var(--text-muted);margin-bottom: 30px;}.digital-invoice-ticket {background: #f8fafc;border: 1px dashed #cbd5e1;border-radius: 14px;padding: 20px;display: flex;flex-direction: column;gap: 14px;margin-bottom: 30px;}.ticket-row {display: flex;justify-content: space-between;align-items: center;font-size: 13px;}.ticket-row span {color: var(--text-muted);}.ticket-row strong {color: var(--dark-color);font-weight: 700;}.status-success .success-view {display: block;}.status-success .failed-view {display: none;}.status-success .failed-reason-row {display: none;}.status-success .receipt-icon-badge {background: #dcfce7;color: #15803d;}.status-success .receipt-header-text h1 {color: #16a34a;}.status-success .invoice-price {color: #16a34a;}.status-failed .success-view {display: none;}.status-failed .failed-view {display: block;}.status-failed .failed-reason-row {display: flex;}.status-failed .receipt-icon-badge {background: #fee2e2;color: #b91c1c;}.status-failed .receipt-header-text h1 {color: #dc2626;}.status-failed .invoice-price {color: #dc2626;text-decoration: line-through;}.error-msg {color: #dc2626 !important;}.receipt-actions {display: flex;gap: 15px;}.btn-receipt-primary {flex: 1;background: var(--primary-color);color: var(--white);padding: 12px;border-radius: 10px;font-size: 13px;font-weight: 700;text-decoration: none;display: inline-block;transition: all 0.3s;}.btn-receipt-primary:hover {background: var(--secondary-color);}.btn-receipt-secondary {background: #f1f5f9;color: var(--dark-color);border: none;padding: 12px 18px;border-radius: 10px;font-size: 13px;font-weight: 700;cursor: pointer;transition: all 0.3s;}.btn-receipt-secondary:hover {background: #e2e8f0;}.premium-policy-section, .premium-faq-section {padding: 80px 0 120px 0;}.policy-page-header, .faq-page-header {text-align: center;margin-bottom: 60px;}.policy-badge, .faq-badge {display: inline-flex;align-items: center;gap: 6px;background: rgba(99, 102, 241, 0.08);color: var(--primary-color);padding: 6px 14px;border-radius: 30px;font-size: 12px;font-weight: 700;margin-bottom: 15px;}.policy-page-header h1, .faq-page-header h2 {font-size: 28px;font-weight: 800;color: var(--dark-color);margin-bottom: 12px;}.policy-page-header p, .faq-page-header p {font-size: 14px;color: var(--text-muted);}.policy-body-wrapper {display: flex;flex-direction: column;gap: 25px;max-width: 850px;margin: 0 auto;}.policy-card {display: flex;gap: 25px;background: var(--white);border: 1px solid #e2e8f0;border-radius: 20px;padding: 30px;transition: transform 0.3s ease, box-shadow 0.3s ease;}.policy-card:hover {transform: translateY(-2px);box-shadow: 0 12px 30px rgba(0,0,0,0.02);border-color: #cbd5e1;}.policy-num {font-size: 24px;font-weight: 900;color: var(--primary-color);opacity: 0.4;line-height: 1;}.policy-content h3 {font-size: 16px;font-weight: 800;color: var(--dark-color);margin-bottom: 10px;}.policy-content p {font-size: 14px;color: #475569;line-height: 1.8;}.faq-accordion-wrapper {max-width: 750px;margin: 0 auto;display: flex;flex-direction: column;gap: 15px;}.faq-item {background: var(--white);border: 1px solid #e2e8f0;border-radius: 14px;overflow: hidden;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.faq-toggle {width: 100%;background: transparent;border: none;padding: 20px 25px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;text-align: right;font-family: inherit;}.faq-toggle span {font-size: 15px;font-weight: 700;color: var(--dark-color);transition: color 0.3s ease;}.faq-toggle i {font-size: 14px;color: #94a3b8;transition: transform 0.3s ease, color 0.3s ease;}.faq-toggle:hover span {color: var(--primary-color);}.faq-panel {max-height: 0;overflow: hidden;transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);background-color: #f8fafc;}.faq-panel p {padding: 0 25px 20px 25px;font-size: 14px;color: #475569;line-height: 1.8;}.faq-item.active {border-color: var(--primary-color);box-shadow: 0 10px 25px rgba(99, 102, 241, 0.04);}.faq-item.active .faq-panel {max-height: 200px;}.faq-item.active .faq-toggle span {color: var(--primary-color);}.faq-item.active .faq-toggle i {color: var(--primary-color);}.premium-blog-section {padding: 100px 0;}.blog-section-header {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 50px;border-bottom: 1px solid #e2e8f0;padding-bottom: 20px;}.blog-subtitle {display: block;font-size: 12px;font-weight: 700;color: var(--primary-color);letter-spacing: 1px;margin-bottom: 8px;text-transform: uppercase;}.header-title-wrap h2 {font-size: 26px;font-weight: 800;color: var(--dark-color);}.blog-view-all {display: flex;align-items: center;gap: 8px;font-size: 13px;font-weight: 700;color: #64748b;text-decoration: none;transition: all 0.3s ease;padding: 8px 16px;border-radius: 10px;background: var(--white);border: 1px solid #e2e8f0;}.blog-view-all:hover {color: var(--primary-color);border-color: var(--primary-color);transform: translateX(-4px);}.blog-cards-grid {display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 30px;}.blog-card {background: var(--white);border-radius: 24px;border: 1px solid #e2e8f0;overflow: hidden;display: flex;flex-direction: column;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.card-img-holder {position: relative;overflow: hidden;background: #0f172a;}.card-img-holder img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0.9;}.card-info-content {padding: 25px;display: flex;flex-direction: column;flex-grow: 1;}.card-meta {display: flex;gap: 15px;font-size: 11.5px;color: #94a3b8;margin-bottom: 15px;align-items: center;}.card-meta i {color: var(--primary-color);}.blog-card h3 {margin-bottom: 12px;line-height: 1.5;}.blog-card h3 a {color: var(--dark-color);text-decoration: none;transition: color 0.3s ease;}.blog-card h3 a:hover {color: var(--primary-color);}.blog-card p {font-size: 13.5px;color: #475569;line-height: 1.8;margin-bottom: 20px;}.card-hero .card-img-holder {height: 280px;}.card-hero h3 {font-size: 19px;font-weight: 800;}.card-badge {position: absolute;top: 20px;right: 20px;background: var(--primary-color);color: var(--white);font-size: 11px;font-weight: 700;padding: 4px 12px;border-radius: 30px;}.card-footer-author {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #f1f5f9;padding-top: 18px;margin-top: auto;}.author-info {display: flex;align-items: center;gap: 10px;}.author-avatar-mini {width: 32px;height: 32px;background: #f1f5f9;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 12px;overflow: hidden;}.author-info span {font-size: 12.5px;font-weight: 700;color: #334155;}.read-more-link {font-size: 12.5px;font-weight: 700;color: var(--primary-color);}.blog-secondary-column {display: flex;flex-direction: column;gap: 25px;}.card-row {flex-direction: row;height: calc(50% - 12.5px);}.card-row .card-img-holder {width: 180px;flex-shrink: 0;}.card-row .card-info-content {padding: 20px 25px;justify-content: center;}.card-row h3 {font-size: 15px;font-weight: 800;}.card-row p {font-size: 12.5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 12px;}.tag-internal {background: #f1f5f9;color: #475569;padding: 2px 8px;border-radius: 6px;font-weight: 700;}.read-more-link-simple {font-size: 12px;font-weight: 700;color: var(--primary-color);display: inline-flex;align-items: center;gap: 6px;}.blog-card:hover {transform: translateY(-6px);box-shadow: 0 20px 40px rgba(99, 102, 241, 0.06);border-color: rgba(99, 102, 241, 0.2);}.blog-card:hover .card-img-holder img {transform: scale(1.05);opacity: 1;}.card-row:hover .read-more-link-simple i {transform: translateX(-4px);transition: transform 0.3s ease;}.single-post-page-bg {background-color: #f8fafc;margin: 0;padding: 0;}.single-post-main-container {padding: 100px 0 100px 0;}.premium-single-grid {display: grid;grid-template-columns: 1fr 340px;gap: 40px;align-items: start;}.post-core-layout {display: flex;flex-direction: column;gap: 30px;}.premium-article-card {background: var(--white, #ffffff);border: 1px solid #e2e8f0;border-radius: 24px;padding: 40px;}.article-inner-header {margin-bottom: 30px;}.article-cat-badge {display: inline-block;background: rgba(99, 102, 241, 0.08);color: var(--primary-color, #6366f1);font-size: 12px;font-weight: 700;padding: 4px 12px;border-radius: 30px;margin-bottom: 15px;}.article-inner-header h1 {font-size: 28px;font-weight: 800;color: var(--dark-color, #0f172a);line-height: 1.5;margin-bottom: 15px;}.article-meta-bar {display: flex;gap: 20px;font-size: 12.5px;color: #94a3b8;}.article-meta-bar i {color: var(--primary-color, #6366f1);}.article-rich-text {font-size: 15px;color: #334155;line-height: 2;}.article-rich-text p {margin-bottom: 25px;}.article-rich-text h3 {font-size: 18px;font-weight: 800;color: var(--dark-color, #0f172a);margin: 35px 0 15px 0;}.article-inner-image {margin: 35px 0;border-radius: 18px;overflow: hidden;background: #0f172a;}.article-inner-image img {width: 100%;display: block;}.article-inner-image figcaption {background: #f1f5f9;color: #64748b;font-size: 12px;text-align: center;padding: 10px;font-weight: 700;}.post-tags-row {display: flex;align-items: center;gap: 12px;padding-top: 25px;border-top: 1px solid #f1f5f9;margin-top: 40px;}.tags-label {font-size: 13.5px;font-weight: 700;color: #64748b;}.tags-flex {display: flex;gap: 8px;flex-wrap: wrap;}.tags-flex a {font-size: 12.5px;color: #475569;background: #f1f5f9;padding: 4px 12px;border-radius: 8px;text-decoration: none;font-weight: 700;transition: all 0.3s;}.tags-flex a:hover {background: var(--primary-color, #6366f1);color: #fff;}.post-share-neon-box {display: flex;align-items: center;justify-content: space-between;background: #f8fafc;border: 1px solid #e2e8f0;padding: 15px 25px;border-radius: 16px;margin-top: 25px;}.share-label {font-size: 13.5px;font-weight: 800;color: var(--dark-color, #0f172a);}.share-buttons-group {display: flex;gap: 10px;}.sh-btn {width: 36px;height: 36px;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;font-size: 14px;transition: all 0.3s ease;}.sh-x {background: #0f1419;}.sh-x:hover {box-shadow: 0 4px 15px rgba(15,20,25,0.3);transform: translateY(-2px);}.sh-telegram {background: #229ED9;}.sh-telegram:hover {box-shadow: 0 4px 15px rgba(34,158,217,0.3);transform: translateY(-2px);}.sh-whatsapp {background: #25D366;}.sh-whatsapp:hover {box-shadow: 0 4px 15px rgba(37,211,102,0.3);transform: translateY(-2px);}.sh-copy {background: #64748b;}.sh-copy:hover {background: var(--primary-color, #6366f1);box-shadow: 0 4px 15px rgba(99,102,241,0.3);transform: translateY(-2px);}.premium-download-widget {background: linear-gradient(135deg, rgba(99, 102, 241, 0.04), rgba(99, 102, 241, 0.01));border: 1px dashed rgba(99, 102, 241, 0.25);border-radius: 20px;padding: 25px;display: flex;align-items: center;gap: 20px;}.dl-widget-icon {width: 55px;height: 55px;background: rgba(99, 102, 241, 0.08);color: var(--primary-color, #6366f1);border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 24px;}.dl-widget-text {flex-grow: 1;}.dl-widget-text h4 {font-size: 14.5px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 5px;}.dl-widget-text span {font-size: 12px;color: #64748b;}.dl-widget-btn {background: var(--primary-color, #6366f1);color: #fff;text-decoration: none;padding: 12px 20px;border-radius: 12px;font-size: 13px;font-weight: 700;display: flex;align-items: center;gap: 8px;transition: all 0.3s;}.dl-widget-btn:hover {background: #4f46e5;box-shadow: 0 6px 20px rgba(99, 102, 241, 0.2);}.premium-author-bio-widget {background: #fff;border: 1px solid #e2e8f0;border-radius: 22px;padding: 30px;display: flex;gap: 20px;align-items: center;}.author-bio-avatar-zone {width: 65px;height: 65px;background: #f1f5f9;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 26px;color: var(--primary-color, #6366f1);border: 3px solid #e2e8f0;flex-shrink: 0;overflow: hidden;}.author-bio-title-row {display: flex;align-items: center;gap: 12px;margin-bottom: 8px;}.author-bio-title-row h4 {font-size: 15.5px;font-weight: 800;color: var(--dark-color, #0f172a);}.author-badge-label {font-size: 11px;background: #f1f5f9;color: #475569;padding: 2px 10px;border-radius: 20px;font-weight: 700;}.author-bio-text-zone p {font-size: 13px;color: #475569;line-height: 1.7;}.premium-comments-widget {margin-top: 15px;}.comments-widget-title {font-size: 17px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 25px;}.comments-tree-wrapper {display: flex;flex-direction: column;gap: 20px;}.comments-tree-wrapper li {display: block;}.premium-comment-node {display: flex;gap: 18px;background: #fff;border: 1px solid #e2e8f0;border-radius: 18px;padding: 22px;}.comment-user-avatar {width: 44px;height: 44px;background: #f8fafc;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0;overflow: hidden;}.comment-content-area {flex-grow: 1;}.comment-user-meta {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}.comment-reply-link .comment-reply-link {font-size: 12px;font-weight: 500;}.comment-user-meta strong {font-size: 14px;font-weight: 800;color: var(--dark-color, #0f172a);}.comment-user-meta span {font-size: 11.5px;color: #94a3b8;}.premium-comment-node p {font-size: 13px;color: #334155;line-height: 1.7;}.manager-response {border-color: rgba(99, 102, 241, 0.2);background: linear-gradient(to left, rgba(99, 102, 241, 0.02), transparent);margin-right: 45px;position: relative;margin-top: 18px;}.comments-tree-wrapper .thread-odd .premium-comment-node {border-color: rgba(99, 102, 241, 0.2);background: linear-gradient(to left, rgba(99, 102, 241, 0.02), transparent);margin-right: 45px;position: relative;}.manager-response::before {content: '';position: absolute;top: -20px;right: -24px;width: 2px;height: 42px;background: #cbd5e1;}.manager-pfp-theme {background: rgba(99, 102, 241, 0.08);color: var(--primary-color, #6366f1);}.manager-name-flex {display: flex;align-items: center;gap: 6px;}.manager-name-text {color: var(--primary-color, #6366f1) !important;}.twitter-blue-tick {color: #1d9bf0;font-size: 13px;display: inline-flex;align-items: center;}.post-sidebar-layout {width: 100%;height: 100%;}.sticky-sidebar-wrapper {position: sticky;top: 30px;display: flex;flex-direction: column;gap: 30px;overflow: visible !important;height: 100%;}.sticky-box-sidbar {position: sticky;top: 100px;}.sidebar-widget {background: #fff;border: 1px solid #e2e8f0;border-radius: 20px;padding: 25px;}.widget-title {font-size: 15px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 20px;padding-right: 10px;border-right: 3px solid var(--primary-color, #6366f1);}.sidebar-search-box {display: flex;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;overflow: hidden;}.sidebar-search-box form {width: 100%;display: flex;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;overflow: hidden;}.sidebar-search-box input {flex-grow: 1;border: none;background: transparent;padding: 12px 15px;font-size: 13px;font-family: inherit;outline: none;}.sidebar-search-box button {background: transparent;border: none;padding: 0 15px;color: #64748b;cursor: pointer;transition: color 0.3s;}.sidebar-search-box button:hover {color: var(--primary-color, #6366f1);}.sidebar-popular-posts {display: flex;flex-direction: column;gap: 18px;}.pop-post-item {display: flex;gap: 12px;text-decoration: none;align-items: center;}.pop-post-item img {width: 65px;height: 65px;border-radius: 10px;object-fit: cover;}.pop-post-info h5 {font-size: 13px;font-weight: 700;color: var(--dark-color, #0f172a);line-height: 1.5;margin-bottom: 6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.pop-post-info span {font-size: 11px;color: #94a3b8;}.promo-widget-banner {position: relative;background: linear-gradient(135deg, #0f172a, #1e293b);color: #fff;overflow: hidden;border: none;text-align: center;padding: 40px 25px;margin-top: 30px;}.promo-banner-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at top right, rgba(99,102,241,0.15), transparent);}.promo-banner-content {position: relative;z-index: 2;}.promo-icon {font-size: 32px;color: #fbbf24;margin-bottom: 15px;}.promo-banner-content h4 {font-size: 16px;font-weight: 800;margin-bottom: 10px;line-height: 1.4;}.promo-banner-content p {font-size: 12.5px;color: #94a3b8;line-height: 1.6;margin-bottom: 25px;}.promo-banner-btn {display: block;background: #fff;color: #0f172a;text-decoration: none;padding: 12px;border-radius: 12px;font-size: 13px;font-weight: 800;transition: all 0.3s;}.promo-banner-btn:hover {background: var(--primary-color, #6366f1);color: #fff;box-shadow: 0 10px 20px rgba(99,102,241,0.2);}.premium-comment-form-widget {background: #fff;border: 1px solid #e2e8f0;border-radius: 22px;padding: 35px;margin-top: 10px;}.form-widget-title {font-size: 17px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 8px;}.form-subtitle {font-size: 12.5px;color: #64748b;margin-bottom: 25px;}.comment-actual-form {display: flex;flex-direction: column;gap: 20px;}.form-input-group {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}.form-field {display: flex;flex-direction: column;gap: 8px;}.form-field label {font-size: 13px;font-weight: 700;color: #475569;}.input-wrapper {position: relative;display: flex;align-items: center;}.input-wrapper i {position: absolute;right: 16px;color: #94a3b8;font-size: 14px;transition: color 0.3s ease;}.input-wrapper input, .input-wrapper textarea {width: 100%;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;padding: 12px 42px 12px 15px;font-family: inherit;font-size: 13.5px;color: #334155;outline: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.input-wrapper textarea {padding: 15px 42px 15px 15px;resize: vertical;}.input-wrapper input:focus, .input-wrapper textarea:focus {background: #fff;border-color: var(--primary-color, #6366f1);box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.08);}.input-wrapper input:focus ~ i, .input-wrapper textarea:focus ~ i {color: var(--primary-color, #6366f1);}.msg-field .input-wrapper i {top: 18px;}.comment-submit-btn {align-self: flex-start;background: var(--dark-color, #0f172a);color: #fff;border: none;padding: 14px 28px;border-radius: 12px;font-family: inherit;font-size: 13.5px;font-weight: 700;cursor: pointer;display: flex;align-items: center;gap: 10px;transition: all 0.3s ease;}.comment-submit-btn:hover {background: var(--primary-color, #6366f1);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.25);transform: translateY(-2px);}.comment-submit-btn:hover i {transform: translate(-3px, -3px);}.comment-submit-btn i {font-size: 12px;transition: transform 0.3s ease;}.design-value-section {padding: 100px 0;background-color: var(--white, #ffffff);position: relative;overflow: hidden;}.value-section-header {text-align: center;max-width: 700px;margin: 0 auto 60px auto;}.value-subtitle {display: block;font-size: 13px;font-weight: 700;color: var(--primary-color, #6366f1);margin-bottom: 12px;letter-spacing: 0.5px;}.value-section-header h2 {font-size: 32px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 20px;}.value-lead-text {font-size: 14.5px;color: #475569;line-height: 1.8;}.value-cards-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}.value-card {background: #fff;border: 1px solid #e2e8f0;border-radius: 28px;padding: 45px;display: flex;flex-direction: column;position: relative;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.logo-value-theme:hover {border-color: rgba(99, 102, 241, 0.3);box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.08);transform: translateY(-5px);}.ui-value-theme {background: linear-gradient(135deg, #0f172a, #1e293b);border: none;color: #f8fafc;}.ui-value-theme .value-section-header h2, .ui-value-theme h3 {color: #fff;}.ui-value-theme p {color: #94a3b8;}.ui-value-theme:hover {box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.3);transform: translateY(-5px);}.value-card-icon-wrap {width: 60px;height: 60px;border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 24px;margin-bottom: 30px;transition: transform 0.5s ease;}.logo-value-theme .value-card-icon-wrap {background: rgba(99, 102, 241, 0.08);color: var(--primary-color, #6366f1);}.ui-value-theme .value-card-icon-wrap {background: rgba(255, 255, 255, 0.06);color: #fbbf24;}.value-card:hover .value-card-icon-wrap {transform: rotate(10deg) scale(1.05);}.value-card h3 {font-size: 20px;font-weight: 800;margin-bottom: 15px;line-height: 1.4;}.value-card p {font-size: 14px;line-height: 1.8;margin-bottom: 25px;}.value-feature-list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 16px;}.value-feature-list li {font-size: 13.5px;line-height: 1.6;display: flex;align-items: flex-start;gap: 12px;}.logo-value-theme .value-feature-list li i {color: var(--primary-color, #6366f1);margin-top: 3px;}.ui-value-theme .value-feature-list li i {color: #fbbf24;margin-top: 3px;}.value-feature-list li strong {font-weight: 700;color: inherit;}.logo-value-theme .value-feature-list li strong {color: var(--dark-color, #0f172a);}.ui-value-theme .value-feature-list li strong {color: #fff;}.value-card-footer {margin-top: auto;padding-top: 30px;border-top: 1px solid #f1f5f9;}.ui-value-theme .value-card-footer {border-top-color: rgba(255, 255, 255, 0.06);}.value-accent-text {font-size: 12.5px;font-weight: 700;font-style: italic;}.logo-value-theme .value-accent-text {color: #64748b;}.ui-value-theme .value-accent-text {color: #a5b4fc;}.st-premium-steps-section {background-color: transparent;padding: 100px 0;direction: rtl;font-family: inherit;}.st-steps-container {max-width: 1240px;margin: 0 auto;padding: 0 20px;}.st-steps-header {text-align: center;margin-bottom: 70px;}.st-step-badge {font-size: 12px;font-weight: 700;color: #6366f1;background: #f0f2ff;padding: 5px 14px;border-radius: 20px;display: inline-block;margin-bottom: 14px;}.st-step-main-title {font-size: 28px;font-weight: 800;color: #0f172a;margin: 0 0 12px 0;}.st-step-description {font-size: 14.5px;color: #64748b;margin: 0;}.st-steps-timeline-wrapper {display: flex;justify-content: space-between;align-items: flex-start;gap: 24px;position: relative;}.st-steps-connection-line {position: absolute;top: 55px;left: 40px;right: 40px;height: 2px;background: linear-gradient(90px, #e2e8f0 0%, #cbd5e1 50%, #e2e8f0 100%);z-index: 1;pointer-events: none;}.st-step-card-item {flex: 1;position: relative;z-index: 2;}.st-step-card-inner {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 20px;padding: 30px 24px;text-align: center;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.005);transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s, box-shadow 0.4s;}.st-step-card-item:hover .st-step-card-inner {transform: translateY(-8px);border-color: #6366f1;box-shadow: 0 15px 35px rgba(99, 102, 241, 0.06);}.st-step-number-glow {position: absolute;top: -24px;left: 24px;font-size: 56px;font-weight: 900;color: #f1f5f9;line-height: 1;user-select: none;z-index: -1;transition: color 0.3s;}.st-step-card-item:hover .st-step-number-glow {color: #e0e7ff;}.st-step-icon-box {width: 54px;height: 54px;border-radius: 14px;background: #f8fafc;border: 1px solid #e2e8f0;color: #475569;display: flex;align-items: center;justify-content: center;font-size: 18px;margin: 0 auto 20px auto;transition: all 0.3s ease;}.st-step-card-item:hover .st-step-icon-box {background: #6366f1;color: #6466f1;border-color: #6366f1;transform: scale(1.05);}.st-step-title {font-size: 15px;font-weight: 800;color: #1e293b;margin: 0 0 12px 0;transition: color 0.3s;}.st-step-card-item:hover .st-step-title {color: #0f172a;}.st-step-text {font-size: 12.5px;color: #64748b;line-height: 1.8;margin: 0;text-align: justify;}.logo a {position: relative;overflow: hidden;display: inline-block;vertical-align: middle;}.logo a::after {content: '';position: absolute;top: 0;left: -150%;width: 60px;height: 100%;background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100% );transform: skewX(-25deg);pointer-events: none;animation: logoShineAnim 5s ease-in-out infinite;}@keyframes logoShineAnim {0%, 85% {left: -150%;}100% {left: 150%;}}.premium-project-status-widget {background: #fff;border: 1px solid #e2e8f0;border-radius: 20px;padding: 30px;margin-top: 25px;margin-bottom: 25px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);}.status-widget-header {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #f1f5f9;padding-bottom: 20px;margin-bottom: 35px;flex-wrap: wrap;gap: 15px;}.project-widget-title {font-size: 16px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 5px;display: flex;align-items: center;gap: 8px;}.project-widget-title i {color: var(--primary-color, #6366f1);}.project-name-tag {font-size: 12.5px;color: #64748b;}.progress-percentage-wrapper {display: flex;align-items: center;gap: 8px;background: #f8fafc;padding: 8px 16px;border-radius: 12px;border: 1px solid #e2e8f0;}.progress-label {font-size: 12px;color: #475569;}.progress-number {font-size: 15px;font-weight: 800;color: var(--primary-color, #6366f1);}.project-tracker-timeline {position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;background: #e2e8f0;height: 4px;border-radius: 10px;padding: 0 10px;margin-bottom: 30px;}.tracker-progress-bar-fill {position: absolute;top: 0;right: 0;height: 100%;background: linear-gradient(to left, var(--primary-color, #6366f1), #8b5cf6);border-radius: 10px;z-index: 1;transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.tracker-step {position: relative;display: flex;flex-direction: column;align-items: center;z-index: 2;}.step-dot-icon {width: 32px;height: 32px;border-radius: 50%;background: #fff;border: 2px solid #cbd5e1;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #94a3b8;transition: all 0.3s ease;}.step-label-text {position: absolute;top: 42px;font-size: 12.5px;font-weight: 700;color: #64748b;white-space: nowrap;transition: color 0.3s;}.step-completed .step-dot-icon {background: var(--primary-color, #6366f1);border-color: var(--primary-color, #6366f1);color: #fff;}.step-completed .step-label-text {color: var(--dark-color, #0f172a);}.step-active .step-dot-icon {border-color: #8b5cf6;color: #8b5cf6;background: #fff;box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.15);}.step-active .step-label-text {color: #8b5cf6;}.step-pending .step-dot-icon {background: #fff;border-color: #cbd5e1;color: #94a3b8;}.wizard-page-body {background-color: #f8fafc;display: flex;align-items: center;justify-content: center;min-height: 100vh;padding: 40px 20px;}.premium-wizard-container {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 28px;width: 100%;max-width: 750px;padding: 45px;box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.04);margin: auto;margin-top: 30px;}.wizard-progress-header {margin-bottom: 45px;border-bottom: 1px solid #f1f5f9;padding-bottom: 30px;}.wizard-title-area h2 {font-size: 22px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 8px;display: flex;align-items: center;gap: 10px;}.wizard-title-area h2 i {color: var(--primary-color, #6366f1);}.wizard-title-area p {font-size: 13.5px;color: #64748b;}.wizard-steps-indicator {display: flex;align-items: center;justify-content: space-between;margin-top: 35px;}.indicator-step {display: flex;align-items: center;gap: 10px;position: relative;}.ind-num {width: 32px;height: 32px;background: #f1f5f9;border: 1px solid #cbd5e1;color: #64748b;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 800;transition: all 0.3s ease;}.ind-label {font-size: 13px;font-weight: 700;color: #94a3b8;transition: color 0.3s;}.indicator-line {flex-grow: 1;height: 2px;background: #e2e8f0;margin: 0 15px;position: relative;}.indicator-line::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 0;background: var(--primary-color, #6366f1);transition: width 0.4s ease;}.indicator-line.active::after {width: 100%;}.indicator-step.active .ind-num {background: var(--primary-color, #6366f1);border-color: var(--primary-color, #6366f1);color: #fff;box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12);}.indicator-step.active .ind-label {color: var(--dark-color, #0f172a);}.indicator-step.completed .ind-num {background: #10b981;border-color: #10b981;color: #fff;}.wizard-step-panel {display: none;}.wizard-step-panel.active {display: block;animation: fadeInStep 0.4s ease;}@keyframes fadeInStep {from {opacity: 0;transform: translateY(8px);}to {opacity: 1;transform: translateY(0);}}.step-panel-title h3 {font-size: 16px;font-weight: 800;color: var(--dark-color, #0f172a);margin-bottom: 25px;}.form-field-wrapper {display: flex;flex-direction: column;gap: 8px;margin-bottom: 25px;}.form-field-wrapper label {font-size: 13px;font-weight: 700;color: #475569;}.select-custom-wrapper, .input-custom-wrapper, .textarea-custom-wrapper {position: relative;display: flex;align-items: center;}.select-icon, .input-custom-wrapper i, .textarea-icon {position: absolute;right: 16px;color: #94a3b8;font-size: 14px;pointer-events: none;}.textarea-icon {top: 16px;}.select-custom-wrapper select, .input-custom-wrapper input, .textarea-custom-wrapper textarea {width: 100%;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;padding: 13px 45px 13px 15px;font-family: inherit;font-size: 13.5px;color: #334155;outline: none;appearance: none;transition: all 0.3s;}.textarea-custom-wrapper textarea {padding-top: 14px;resize: vertical;}.select-custom-wrapper::after {content: '\f107';font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;left: 16px;color: #64748b;font-size: 14px;pointer-events: none;}.select-custom-wrapper select:focus, .input-custom-wrapper input:focus, .textarea-custom-wrapper textarea:focus {background: #fff;border-color: var(--primary-color, #6366f1);box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.06);}.premium-upload-zone {border: 2px dashed #cbd5e1;background: #f8fafc;border-radius: 16px;padding: 35px 20px;text-align: center;cursor: pointer;display: flex;flex-direction: column;align-items: center;gap: 10px;transition: all 0.3s;}.premium-upload-zone:hover {border-color: var(--primary-color, #6366f1);background: rgba(99, 102, 241, 0.02);}.upload-main-icon {font-size: 32px;color: #94a3b8;transition: transform 0.3s;}.premium-upload-zone:hover .upload-main-icon {transform: translateY(-3px);color: var(--primary-color, #6366f1);}.upload-text {font-size: 13px;color: #475569;font-weight: 700;}.upload-btn-mock {font-size: 12px;font-weight: 700;color: var(--primary-color, #6366f1);background: #fff;border: 1px solid #e2e8f0;padding: 6px 16px;border-radius: 8px;box-shadow: 0 2px 4px rgba(0,0,0,0.02);}.upload-file-limit {font-size: 11px;color: #94a3b8;}.selected-file-name {margin-top: 5px;font-size: 12.5px;color: #10b981;background: rgba(16, 185, 129, 0.06);padding: 4px 14px;border-radius: 6px;display: none;}.form-field-grid-two {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}.wizard-summary-review {background: #fff8e1;border: 1px solid #ffe082;border-radius: 14px;padding: 20px;margin-top: 10px;}.wizard-summary-review h4 {font-size: 13.5px;font-weight: 800;color: #b78103;margin-bottom: 10px;}.wizard-summary-review ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 8px;}.wizard-summary-review ul li {font-size: 12.5px;color: #745203;display: flex;align-items: center;gap: 6px;}.wizard-navigation-buttons {display: flex;justify-content: space-between;margin-top: 40px;border-top: 1px solid #f1f5f9;padding-top: 25px;}.wizard-btn {font-family: inherit;font-size: 13.5px;font-weight: 700;padding: 12px 24px;border-radius: 10px;border: none;cursor: pointer;display: flex;align-items: center;gap: 8px;transition: all 0.3s;}.btn-next {background: var(--dark-color, #0f172a);color: #fff;margin-right: auto;}.btn-next:hover {background: var(--primary-color, #6366f1);}.btn-prev {background: #fff;border: 1px solid #cbd5e1;color: #475569;}.btn-prev:hover {background: #f1f5f9;}.btn-submit {background: #10b981;color: #fff;margin-right: auto;}.btn-submit:hover {background: #059669;box-shadow: 0 10px 20px rgba(16, 185, 129, 0.2);}.previous-projects-section {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 24px;padding: 30px;margin-top: 35px;box-shadow: 0 10px 30px -15px rgba(15, 23, 42, 0.02);}.section-header-inline {display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}.header-title-wrapper {display: flex;align-items: center;gap: 12px;}.section-title-icon {font-size: 20px;color: #64748b;background: #f1f5f9;width: 40px;height: 40px;border-radius: 12px;display: flex;align-items: center;justify-content: center;}.header-title-wrapper h3 {font-size: 16px;font-weight: 800;color: #0f172a;margin: 0 0 4px 0;}.section-subtitle {font-size: 12px;color: #64748b;margin: 0;}.projects-count-badge {background: #f1f5f9;color: #475569;font-size: 11.5px;font-weight: 700;padding: 4px 12px;border-radius: 20px;}.projects-history-table-wrapper {width: 100%;}.history-table-header {display: grid;grid-template-columns: 2.5fr 1fr 1.2fr 1fr 1fr;padding: 0 20px 12px 20px;border-bottom: 1px solid #f1f5f9;}.th-col {font-size: 12px;font-weight: 700;color: #94a3b8;}.history-table-body {display: flex;flex-direction: column;gap: 12px;margin-top: 12px;}.history-table-row {display: grid;grid-template-columns: 2.5fr 1fr 1.2fr 1fr 1fr;align-items: center;background: #ffffff;border: 1px solid #f1f5f9;border-radius: 16px;padding: 16px 20px;transition: all 0.25s ease;}.history-table-row:hover {border-color: #e2e8f0;background: #f8fafc;transform: translateY(-1px);}.project-info-cell {display: flex;align-items: center;gap: 14px;}.project-avatar-icon {width: 38px;height: 38px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 14px;}.success-bg {background: rgba(16, 185, 129, 0.08);color: #10b981;}.cancel-bg {background: rgba(244, 63, 94, 0.08);color: #f43f5e;}.p-title {display: block;font-size: 13.5px;font-weight: 700;color: #1e293b;margin-bottom: 2px;}.p-category {display: block;font-size: 11px;color: #94a3b8;}.date-text, .price-text {font-size: 13px;color: #475569;font-weight: 600;}.badge-status {display: inline-flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 700;padding: 5px 12px;border-radius: 30px;width: fit-content;}.status-completed {background: rgba(16, 185, 129, 0.1);color: #10b981;}.status-cancelled {background: rgba(244, 63, 94, 0.1);color: #f43f5e;}.table-action-btn {display: inline-flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 700;color: #6366f1;background: rgba(99, 102, 241, 0.05);padding: 6px 14px;border-radius: 8px;text-decoration: none;transition: all 0.2s;width: fit-content;}.table-action-btn:hover {background: #6366f1;color: #ffffff;}.table-action-btn.btn-disabled {color: #64748b;background: #f1f5f9;}.table-action-btn.btn-disabled:hover {background: #e2e8f0;}.studio-premium-footer {background-color: #0b0f19;color: #94a3b8;font-family: inherit;padding-top: 0;position: relative;border-top: 1px solid #1e293b;direction: rtl;position: relative;z-index: 999999;}.footer-support-bar {background: #111827;border-bottom: 1px solid #1e293b;padding: 24px 0;}.support-bar-container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 20px;}.support-info-meta {display: flex;align-items: center;gap: 20px;}.support-pulse-container {position: relative;width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.support-icon-inner {width: 52px;height: 52px;background: #10b981;color: #ffffff;border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 22px;z-index: 2;box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);}.pulse-ring-inline {position: absolute;width: 100%;height: 100%;border-radius: 16px;background: #10b981;animation: inlinePulseEffect 2.5s infinite cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;}.pulse-ring-inline-two {position: absolute;width: 100%;height: 100%;border-radius: 16px;background: #10b981;animation: inlinePulseEffect 2.5s infinite cubic-bezier(0.4, 0, 0.2, 1);animation-delay: 0.8s;z-index: 1;}@keyframes inlinePulseEffect {0% {transform: scale(1);opacity: 0.5;}100% {transform: scale(1.6);opacity: 0;}}.support-status-tag {display: inline-flex;align-items: center;gap: 6px;background: rgba(16, 185, 129, 0.08);color: #10b981;font-size: 11px;font-weight: 700;padding: 3px 8px;border-radius: 6px;margin-bottom: 6px;}.status-dot {width: 6px;height: 6px;background-color: #10b981;border-radius: 50%;}.support-info-meta h4 {font-size: 15px;font-weight: 800;color: #f8fafc;margin: 0 0 4px 0;}.support-info-meta p {font-size: 12px;color: #64748b;margin: 0;}.support-action-buttons {display: flex;gap: 12px;}.support-btn {font-size: 12.5px;font-weight: 700;padding: 12px 22px;border-radius: 12px;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;transition: all 0.3s ease;}.btn-ticket {background: #6366f1;color: #ffffff;}.btn-ticket:hover {background: #4f46e5;box-shadow: 0 8px 20px rgba(99, 102, 241, 0.25);}.btn-call {background: #1e293b;color: #e2e8f0;border: 1px solid #334155;}.btn-call:hover {background: #334155;color: #ffffff;}.studio-footer-grid {display: grid;grid-template-columns: 2fr 1.2fr 1.5fr 1.3fr;gap: 40px;padding-top: 60px;padding-bottom: 60px;}.st-footer-col {display: flex;flex-direction: column;gap: 20px;}.st-footer-logo {max-width: 140px;height: auto;filter: brightness(0) invert(1);}.about-text-p {font-size: 13px;line-height: 1.8;color: #94a3b8;margin: 0;}.st-social-links {display: flex;gap: 10px;margin-top: 10px;}.social-icon-box {width: 38px;height: 38px;background: #1e293b;color: #cbd5e1;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 16px;text-decoration: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.social-icon-box:hover {color: #fff;transform: translateY(-4px);}.social-icon-box.instagram:hover {background: #e1306c;box-shadow: 0 8px 20px rgba(225, 48, 108, 0.3);}.social-icon-box.telegram:hover {background: #0088cc;box-shadow: 0 8px 20px rgba(0, 136, 204, 0.3);}.social-icon-box.linkedin:hover {background: #0077b5;box-shadow: 0 8px 20px rgba(0, 119, 181, 0.3);}.social-icon-box.pinterest:hover {background: #bd081c;box-shadow: 0 8px 20px rgba(189, 8, 28, 0.3);}.st-footer-title {font-size: 14.5px;font-weight: 800;color: #f8fafc;position: relative;padding-bottom: 10px;margin: 0;}.st-footer-title::after {content: '';position: absolute;right: 0;bottom: 0;width: 30px;height: 2px;background: #6366f1;border-radius: 2px;}.st-footer-links {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 12px;}.st-footer-links li a {font-size: 13px;color: #94a3b8;text-decoration: none;transition: all 0.25s ease;display: inline-block;}.st-footer-links li a:hover {color: #6366f1;transform: translateX(-5px);}.st-footer-contact {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 15px;}.st-footer-contact li {display: flex;align-items: flex-start;gap: 12px;font-size: 13px;color: #94a3b8;line-height: 1.6;}.st-footer-contact li i {color: #6366f1;font-size: 14px;margin-top: 4px;}.st-trust-icons {display: flex;gap: 12px;}.st-namad-box {background: #111827;border: 1px solid #1e293b;border-radius: 14px;padding: 12px;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}.st-namad-box:hover {border-color: #334155;background: #1e293b;transform: scale(1.03);}.st-namad-box img {max-width: 75px;height: auto;opacity: 0.75;transition: opacity 0.3s;}.st-namad-box:hover img {opacity: 1;}.st-footer-bottom {border-top: 1px solid #1e293b;background: #080c14;padding: 20px 0;font-size: 12px;}.st-bottom-bar {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;color: #64748b;}.st-bottom-bar p {margin: 0;}.version-tag {background: #111827;padding: 3px 10px;border-radius: 6px;font-family: monospace;border: 1px solid #1e293b;}.db-tickets-section {background-color: transparent;padding: 10px 0 25px 0;font-family: inherit;direction: rtl;}.db-tickets-container {display: flex;flex-direction: column;gap: 24px;}.db-main-card {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 24px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);}.db-card-header {display: flex;align-items: center;border-bottom: 1px solid #f1f5f9;padding-bottom: 16px;margin-bottom: 24px;}.db-card-header.space-between {justify-content: space-between;flex-wrap: wrap;gap: 15px;}.db-header-title {display: flex;align-items: center;gap: 14px;}.db-header-title i {font-size: 20px;color: #6366f1;background: #f0f2ff;width: 44px;height: 44px;border-radius: 12px;display: flex;align-items: center;justify-content: center;}.db-header-title h3 {font-size: 15px;font-weight: 700;color: #0f172a;margin: 0 0 4px 0;}.db-header-title p {font-size: 12px;color: #64748b;margin: 0;}.db-filter-tabs {display: flex;background: #f8fafc;padding: 4px;border-radius: 8px;border: 1px solid #e2e8f0;}.db-tab-btn {background: transparent;border: none;color: #64748b;font-size: 12px;font-weight: 600;padding: 6px 14px;border-radius: 6px;cursor: pointer;transition: all 0.2s;font-family: 'peydaWeb';}.db-tab-btn.active, .db-tab-btn:hover {background: #ffffff;color: #0f172a;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}.db-ticket-form {display: flex;flex-direction: column;gap: 18px;}.db-form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 18px;}.db-form-grid.tri-column {grid-template-columns: 1fr 1fr 1fr;}.db-form-group {display: flex;flex-direction: column;gap: 6px;}.db-form-group.full-width {grid-column: span 2;}.db-form-group label {font-size: 12.5px;font-weight: 600;color: #334155;}.text-danger {color: #ef4444;margin-right: 2px;}.text-muted {color: #94a3b8;font-size: 11px;margin-right: 4px;}.db-input-field {position: relative;display: flex;align-items: center;}.field-icon {position: absolute;right: 14px;color: #94a3b8;font-size: 13px;pointer-events: none;}.db-ticket-form input[type="text"], .db-ticket-form select, .db-ticket-form textarea {width: 100%;background-color: #f8fafc;border: 1px solid #e2e8f0;border-radius: 10px;color: #334155;font-size: 13px;padding: 11px 38px 11px 14px;transition: all 0.25s;outline: none;font-family: 'peydaWeb';}.db-ticket-form textarea {padding: 12px;resize: vertical;}.db-ticket-form input:focus, .db-ticket-form select:focus, .db-ticket-form textarea:focus {border-color: #6366f1;background-color: #ffffff;box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);}.db-file-uploader {background: #f8fafc;border: 1px dashed #cbd5e1;border-radius: 10px;padding: 10px 14px;display: flex;align-items: center;justify-content: center;gap: 8px;cursor: pointer;color: #64748b;font-size: 12.5px;transition: all 0.2s;}.db-file-uploader input {display: none;}.db-file-uploader:hover {border-color: #6366f1;background: #f0f2ff;color: #6366f1;}.db-form-actions {display: flex;justify-content: flex-end;}.db-btn-primary {background: #6366f1;color: #ffffff;border: none;font-size: 13px;font-weight: 600;padding: 12px 24px;border-radius: 10px;cursor: pointer;display: inline-flex;align-items: center;gap: 8px;transition: all 0.2s;font-family: 'peydaWeb';}.db-btn-primary:hover {background: #4f46e5;box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);}.db-tickets-list {display: flex;flex-direction: column;gap: 12px;}.db-ticket-item {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 12px;padding: 14px 18px;display: flex;align-items: center;justify-content: space-between;transition: all 0.2s;}.db-ticket-item:hover {border-color: #cbd5e1;background: #f8fafc;}.tk-meta {display: flex;align-items: center;gap: 16px;flex: 2;}.tk-code {font-family: monospace;font-size: 12px;font-weight: 600;background: #f1f5f9;color: #475569;padding: 4px 8px;border-radius: 6px;}.tk-title-block h4 {font-size: 13.5px;font-weight: 600;color: #1e293b;margin: 0 0 4px 0;}.tk-project-badge {font-size: 11px;color: #0284c7;margin: 0;display: flex;align-items: center;gap: 4px;}.tk-project-badge.general-badge {color: #64748b;}.tk-details {display: flex;align-items: center;gap: 20px;flex: 1.5;justify-content: flex-end;padding-left: 15px;}.tk-tag {font-size: 12px;color: #64748b;display: flex;align-items: center;gap: 5px;}.tk-tag i {color: #94a3b8;}.priority-label.high {color: #dc2626;background: #fef2f2;padding: 2px 6px;border-radius: 4px;font-size: 11px;font-weight: 600;}.tk-badge {display: inline-flex;align-items: center;gap: 5px;font-size: 11.5px;font-weight: 600;padding: 4px 10px;border-radius: 6px;}.tk-badge .dot {width: 6px;height: 6px;border-radius: 50%;}.tk-badge.status-replied {background: #f0fdf4;color: #16a34a;}.tk-badge.status-replied .dot {background: #16a34a;}.tk-badge.status-pending {background: #fffbeb;color: #d97706;}.tk-badge.status-pending .dot {background: #d97706;}.tk-badge.status-waiting {background: #f5f3ff;color: #7c3aed;}.tk-badge.status-waiting .dot {background: #7c3aed;}.tk-badge.status-closed {background: #f8fafc;color: #64748b;border: 1px solid #e2e8f0;}.tk-badge.status-closed .dot {background: #64748b;}.tk-action {display: flex;justify-content: flex-end;}.db-btn-outline {font-size: 12px;font-weight: 600;color: #475569;background: #ffffff;border: 1px solid #e2e8f0;padding: 6px 12px;border-radius: 6px;text-decoration: none;display: inline-flex;align-items: center;gap: 4px;transition: all 0.2s;font-family: 'peydaWeb';}.db-btn-outline:hover:not(.disabled) {background: #f1f5f9;color: #0f172a;border-color: #cbd5e1;}.db-btn-outline.btn-highlight {background: #f5f3ff;color: #7c3aed;border-color: #ddd6fe;}.db-btn-outline.btn-highlight:hover {background: #7c3aed;color: #ffffff;}.db-btn-outline.disabled {opacity: 0.5;cursor: not-allowed;background: #f8fafc;}.db-ticket-view-section {font-family: inherit;direction: rtl;}.db-action-top {display: flex;justify-content: flex-start;margin-bottom: 20px;}.db-back-link {font-size: 13px;font-weight: 600;color: #6366f1;text-decoration: none;display: inline-flex;align-items: center;gap: 6px;transition: all 0.2s;}.db-back-link:hover {color: #4f46e5;transform: translateX(-4px);}.db-ticket-status-card {padding: 20px 24px;}.db-ticket-header-info {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 20px;}.tk-main-details {display: flex;align-items: flex-start;gap: 16px;}.tk-view-code {font-family: monospace;font-size: 14px;font-weight: 700;background: #f0f2ff;color: #6366f1;padding: 6px 12px;border-radius: 8px;border: 1px solid rgba(99, 102, 241, 0.15);}.tk-main-details h2 {font-size: 16px;font-weight: 700;color: #0f172a;margin: 0 0 6px 0;}.tk-project-attached {font-size: 12px;color: #64748b;margin: 0;}.tk-project-attached span {color: #0284c7;font-weight: 600;}.tk-status-meta {display: flex;align-items: center;gap: 24px;}.meta-item {display: flex;flex-direction: column;gap: 4px;}.meta-label {font-size: 11px;color: #94a3b8;}.meta-value {font-size: 12.5px;font-weight: 600;color: #334155;display: flex;align-items: center;gap: 5px;}.meta-value i {color: #94a3b8;font-size: 12px;}.db-ticket-chat-wrapper {display: flex;flex-direction: column;gap: 20px;margin: 10px 0;}.chat-message-row {display: flex;gap: 16px;max-width: 85%;}.chat-message-row.user-message {align-self: flex-start;width: 100%;}.chat-message-row.staff-message {align-self: flex-end;flex-direction: row-reverse;width: 100%;}.chat-avatar {flex-shrink: 0;}.avatar-initials, .avatar-studio-logo {width: 42px;height: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12.5px;font-weight: 700;}.avatar-initials {background: #e2e8f0;color: #475569;border: 1px solid #cbd5e1;}.avatar-studio-logo {background: #6366f1;color: #ffffff;box-shadow: 0 4px 10px rgba(99, 102, 241, 0.25);}.chat-bubble-container {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 14px;padding: 16px 20px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.01);position: relative;width: auto;min-width: 280px;}.staff-message .chat-bubble-container {background: #fcfdfe;border-color: #dbeafe;}.chat-bubble-header {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #f1f5f9;padding-bottom: 8px;margin-bottom: 12px;}.staff-message .chat-bubble-header {border-bottom-color: #eff6ff;}.sender-identity {display: flex;align-items: center;gap: 8px;}.sender-name {font-size: 13px;font-weight: 700;color: #1e293b;}.staff-badge {background: rgba(99, 102, 241, 0.1);color: #6366f1;font-size: 11px;font-weight: 600;padding: 2px 8px;border-radius: 4px;}.message-time {font-size: 11px;color: #94a3b8;}.chat-bubble-body {font-size: 13.5px;color: #334155;line-height: 1.7;}.chat-bubble-body p {margin: 0 0 10px 0;}.chat-bubble-body p:last-child {margin-bottom: 0;}.db-ticket-reply-form .db-form-group.full-width textarea {width: 100%;min-height: 150px;padding: 16px 18px;font-size: 14px;font-family: inherit;line-height: 1.6;color: #1e293b;background-color: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;resize: vertical;transition: all 0.3s ease;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);}.db-ticket-reply-form .db-form-group.full-width textarea:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);}.db-ticket-reply-form .db-form-group.full-width textarea::placeholder {color: #94a3b8;font-size: 13px;}.db-ticket-reply-form .db-form-group.full-width textarea:hover {border-color: #cbd5e1;}.db-reply-form-card {padding: 24px;}.db-ticket-reply-form {display: flex;flex-direction: column;gap: 16px;}.reply-form-footer {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;border-top: 1px solid #f1f5f9;padding-top: 16px;}.db-file-uploader.mini-version {padding: 8px 14px;font-size: 12px;background: transparent;border: 1px dashed #cbd5e1;}.reply-action-btns {display: flex;align-items: center;gap: 12px;}.db-btn-outline.text-danger-btn {color: #64748b;border-color: #e2e8f0;}.db-btn-outline.text-danger-btn:hover {background: #fef2f2;color: #dc2626;border-color: #fca5a5;}.st-light-error-wrapper {background-color: #f8fafc;min-height: 80vh;display: flex;align-items: center;justify-content: center;direction: rtl;font-family: inherit;position: relative;overflow: hidden;padding: 60px 20px;}.st-light-error-container {max-width: 600px;text-align: center;z-index: 5;position: relative;}.st-light-glitch-box {position: relative;display: inline-block;margin-bottom: 25px;}.st-light-glitch-text {font-size: 150px;font-weight: 900;line-height: 0.9;color: #0f172a;margin: 0;letter-spacing: -2px;position: relative;}.st-light-glitch-text::before {content: attr(data-text);position: absolute;top: 0;left: 3px;text-shadow: -2px 0 rgba(99, 102, 241, 0.7);clip: rect(20px, 550px, 60px, 0);background: #f8fafc;overflow: hidden;animation: st-light-glitch-1 4s infinite linear alternate-reverse;}.st-light-glitch-text::after {content: attr(data-text);position: absolute;top: 0;left: -3px;text-shadow: -2px 0 rgba(6, 182, 212, 0.7);clip: rect(90px, 550px, 140px, 0);background: #f8fafc;overflow: hidden;animation: st-light-glitch-2 4s infinite linear alternate-reverse;}@keyframes st-light-glitch-1 {0% {clip: rect(40px, 9999px, 85px, 0);transform: translateX(1px);}10% {clip: rect(10px, 9999px, 55px, 0);transform: translateX(-1px);}15% {clip: rect(0px, 9999px, 0px, 0);transform: translateX(0deg);}85% {clip: rect(0px, 9999px, 0px, 0);transform: translateX(0deg);}90% {clip: rect(70px, 9999px, 120px, 0);transform: translateX(-2px);}100% {clip: rect(30px, 9999px, 95px, 0);transform: translateX(0px);}}@keyframes st-light-glitch-2 {0% {clip: rect(80px, 9999px, 130px, 0);transform: translateX(-1px);}8% {clip: rect(30px, 9999px, 75px, 0);transform: translateX(1px);}14% {clip: rect(0px, 9999px, 0px, 0);transform: translateX(0deg);}88% {clip: rect(0px, 9999px, 0px, 0);transform: translateX(0deg);}95% {clip: rect(15px, 9999px, 60px, 0);transform: translateX(2px);}100% {clip: rect(85px, 9999px, 125px, 0);transform: translateX(0px);}}.st-light-content-info {margin-bottom: 35px;}.st-light-badge {font-size: 12px;font-weight: 700;color: #6366f1;background: #f0f2ff;padding: 6px 14px;border-radius: 20px;display: inline-block;margin-bottom: 16px;letter-spacing: 0.5px;}.st-light-title {font-size: 26px;font-weight: 800;color: #1e293b;margin: 0 0 12px 0;}.st-light-desc {font-size: 14.5px;color: #64748b;line-height: 1.7;max-width: 480px;margin: 0 auto;}.st-light-actions {display: flex;justify-content: center;gap: 14px;}.st-light-btn {display: inline-flex;align-items: center;gap: 8px;padding: 12px 28px;border-radius: 12px;font-size: 14px;font-weight: 700;text-decoration: none;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}.st-light-btn-filled {background: #0f172a;color: #ffffff;border: 1px solid #0f172a;}.st-light-btn-filled:hover {background: #6366f1;border-color: #6366f1;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(99, 102, 241, 0.25);}.st-light-btn-border {background: #ffffff;color: #334155;border: 1px solid #e2e8f0;}.st-light-btn-border:hover {background: #f8fafc;color: #0f172a;border-color: #cbd5e1;transform: translateY(-2px);}.home-logo-portfolio-section {background-color: transparent;padding: 60px 0;direction: rtl;font-family: inherit;}.hp-portfolio-container {max-width: 1240px;margin: 0 auto;padding: 0 20px;overflow: hidden;}.hp-portfolio-header {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 35px;}.hp-sub-title {font-size: 13px;font-weight: 700;color: #6366f1;display: block;margin-bottom: 8px;}.hp-main-title {font-size: 24px;font-weight: 800;color: #0f172a;margin: 0;}.hp-slider-navigation {display: flex;gap: 10px;}.hp-slider-navigation .nav-arrow {width: 44px;height: 44px;border-radius: 50%;background: #ffffff;border: 1px solid #e2e8f0;color: #64748b;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 13px;transition: all 0.25s ease;}.hp-slider-navigation .nav-arrow:hover {background: #6366f1;color: #ffffff;border-color: #6366f1;box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);}.hp-portfolio-slider-wrapper {width: 100%;}.slider-track {display: flex;gap: 30px;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}.hp-portfolio-slide-card {flex: 0 0 calc(33.333% - 20px);min-width: 350px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 14px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);transition: border-color 0.25s, box-shadow 0.25s;}.hp-portfolio-slide-card:hover {border-color: #cbd5e1;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);}.hp-media-holder {position: relative;width: 100%;height: 260px;background: #f8fafc;border-radius: 12px;overflow: hidden;}.hp-main-img {width: 100%;height: 100%;object-fit: contain;padding: 24px;transition: transform 0.5s ease;}.hp-overlay-details {position: absolute;inset: 0;background: rgba(255, 255, 255, 0.92);backdrop-filter: blur(6px);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;opacity: 0;transition: opacity 0.3s ease;}.hp-portfolio-slide-card:hover .hp-main-img {transform: scale(1.05);}.hp-portfolio-slide-card:hover .hp-overlay-details {opacity: 1;}.hp-project-tag {font-size: 11px;font-weight: 700;color: #6366f1;background: #f0f2ff;padding: 4px 10px;border-radius: 20px;}.hp-case-study-link {font-size: 12.5px;font-weight: 600;color: #1e293b;text-decoration: none;display: inline-flex;align-items: center;gap: 6px;border-bottom: 1px solid #cbd5e1;padding-bottom: 2px;transition: all 0.2s;}.hp-case-study-link:hover {color: #6366f1;border-color: #6366f1;}.hp-meta-holder {margin-top: 16px;padding: 0 4px;}.hp-designer-profile {display: flex;align-items: center;gap: 10px;border-bottom: 1px solid #f1f5f9;padding-bottom: 12px;margin-bottom: 12px;}.hp-designer-avatar {width: 36px;height: 36px;border-radius: 50%;overflow: hidden;background: #f1f5f9;border: 1px solid #e2e8f0;}.hp-designer-avatar img {width: 100%;height: 100%;object-fit: cover;}.hp-designer-info h4 {font-size: 12.5px;font-weight: 700;color: #1e293b;margin: 0 0 2px 0;}.hp-designer-info p {font-size: 11px;color: #64748b;margin: 0;}.hp-brand-title {font-size: 14px;font-weight: 700;color: #334155;margin: 0;line-height: 1.4;}.hp-portfolio-slide-card:hover .hp-brand-title {color: #0f172a;}.st-premium-web-showcase {background-color: transparent;padding: 90px 0;direction: rtl;font-family: inherit;overflow: hidden;}.st-web-grid-container {max-width: 1240px;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;gap: 60px;}.st-web-device-column {flex: 1.2;display: flex;justify-content: center;align-items: center;}.st-web-frame-container {display: flex;flex-direction: column;align-items: center;gap: 30px;position: relative;width: 100%;}.st-macbook-mockup {position: relative;width: 100%;max-width: 520px;margin: 0 auto;}.st-macbook-mockup .macbook-screen {position: relative;width: 86%;margin: 0 auto;aspect-ratio: 16 / 10;background: #090d16;border: 14px solid #1e293b;border-bottom-width: 16px;border-radius: 16px 16px 0 0;box-shadow: 0 20px 40px rgba(15, 23, 42, 0.05);}.st-macbook-mockup .macbook-webcam {position: absolute;top: -9px;left: 50%;transform: translateX(-50%);width: 5px;height: 5px;background: #475569;border-radius: 50%;z-index: 10;}.st-macbook-mockup .macbook-display-content {width: 100%;height: 100%;background: #f1f5f9;overflow: hidden;position: relative;}.st-macbook-mockup .slider-track {display: flex;height: 100%;gap: 0 !important;}.st-macbook-mockup .macbook-screenshot-slide {flex: 0 0 100%;width: 100%;height: 100%;}.st-macbook-mockup .macbook-screenshot-slide img {width: 100%;height: 100%;object-fit: cover;}.st-macbook-mockup .macbook-base-body {position: relative;width: 100%;height: 12px;background: #cbd5e1;border-radius: 2px 2px 10px 10px;box-shadow: 0 12px 25px rgba(15, 23, 42, 0.08);}.st-macbook-mockup .macbook-base-notch {position: absolute;bottom: 6px;left: 50%;transform: translateX(-50%);width: 65px;height: 4px;background: #94a3b8;border-radius: 0 0 4px 4px;z-index: 6;}.web-slider-control-bar {display: flex !important;align-items: center !important;justify-content: center !important;gap: 10px !important;background: #ffffff;border: 1px solid #e2e8f0;padding: 6px 12px;border-radius: 30px;box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);position: relative !important;inset: auto !important;transform: none !important;width: max-content;}.web-slider-control-bar .st-web-nav {position: static !important;transform: none !important;display: flex !important;align-items: center !important;justify-content: center !important;width: 38px !important;height: 38px !important;border-radius: 50% !important;background: #f8fafc !important;border: 1px solid #e2e8f0 !important;color: #64748b !important;cursor: pointer !important;font-size: 12px !important;transition: all 0.2s ease !important;inset: auto !important;}.web-slider-control-bar .st-web-nav:hover {background: #6366f1 !important;color: #ffffff !important;border-color: #6366f1 !important;box-shadow: 0 4px 10px rgba(99, 102, 241, 0.18) !important;}.st-web-content-column {flex: 1.1;}.st-web-badge {font-size: 12px;font-weight: 700;color: #6366f1;background: #f0f2ff;padding: 5px 12px;border-radius: 20px;display: inline-block;margin-bottom: 16px;}.st-web-title {font-size: 28px;font-weight: 800;color: #0f172a;line-height: 1.4;margin: 0 0 18px 0;}.st-web-lead-text {font-size: 15px;color: #475569;line-height: 1.8;margin: 0 0 35px 0;text-align: justify;}.st-web-designer-card {display: flex;align-items: flex-start;gap: 16px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 18px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);}.web-designer-avatar {width: 52px;height: 52px;border-radius: 50%;overflow: hidden;border: 1px solid #cbd5e1;flex-shrink: 0;}.web-designer-avatar img {width: 100%;height: 100%;object-fit: cover;}.web-designer-role {font-size: 11px;font-weight: 700;color: #6366f1;display: block;margin-bottom: 4px;}.web-designer-details h4 {font-size: 14.5px;font-weight: 800;color: #1e293b;margin: 0 0 8px 0;}.web-designer-statement {font-size: 12.5px;color: #64748b;font-style: italic;margin: 0;line-height: 1.5;}.st-premium-reviews-section {background-color: transparent;padding: 90px 0;direction: rtl;font-family: inherit;overflow: hidden;}.st-reviews-container {max-width: 1240px;margin: 0 auto;padding: 0 20px;}.st-reviews-header {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 45px;}.st-review-subtitle {font-size: 13px;font-weight: 700;color: #6366f1;display: block;margin-bottom: 10px;letter-spacing: 0.5px;}.st-review-main-title {font-size: 26px;font-weight: 800;color: #0f172a;margin: 0;}.st-reviews-navigation {display: flex;gap: 12px;}.st-reviews-navigation .st-review-nav {width: 44px;height: 44px;border-radius: 50%;background: #ffffff;border: 1px solid #e2e8f0;color: #64748b;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 13px;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}.st-reviews-navigation .st-review-nav:hover {background: #6366f1;color: #ffffff;border-color: #6366f1;box-shadow: 0 5px 15px rgba(99, 102, 241, 0.2);}.st-reviews-slider-wrapper {width: 100%;}.st-review-card {flex: 0 0 calc(33.333% - 20px);min-width: 350px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 20px;padding: 28px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.005);display: flex;flex-direction: column;justify-content: space-between;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s, box-shadow 0.4s;position: relative;}.st-review-card:hover {transform: translateY(-6px);border-color: #cbd5e1;box-shadow: 0 15px 35px rgba(15, 23, 42, 0.04);}.st-review-card-top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.st-company-brand {display: flex;align-items: center;gap: 8px;font-size: 12px;font-weight: 700;color: #64748b;background: #f8fafc;padding: 4px 10px;border-radius: 8px;border: 1px solid #f1f5f9;}.brand-icon-demo {color: #6366f1;font-size: 13px;}.st-review-stars {display: flex;gap: 3px;}.st-review-stars i {font-size: 11px;color: #f59e0b;}.st-review-quote {font-size: 13.5px;color: #334155;line-height: 1.8;text-align: justify;margin: 0 0 24px 0;font-weight: 500;flex-grow: 1;}.st-review-user-footer {display: flex;align-items: center;gap: 12px;border-top: 1px dashed #e2e8f0;padding-top: 18px;position: relative;}.st-review-avatar {position: relative;width: 46px;height: 46px;border-radius: 50%;background: #f1f5f9;}.st-review-avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;border: 1px solid #cbd5e1;}.st-verified-badge {position: absolute;bottom: -2px;right: -2px;width: 16px;height: 16px;background: #10b981;color: #ffffff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 8px;border: 2px solid #ffffff;}.st-review-user-info h4 {font-size: 13.5px;font-weight: 800;color: #0f172a;margin: 0 0 4px 0;}.st-review-user-info p {font-size: 11px;color: #64748b;margin: 0;font-weight: 600;}.st-quote-decoration {position: absolute;left: 0;bottom: 12px;font-size: 24px;color: #f1f5f9;pointer-events: none;transition: color 0.3s;}.st-review-card:hover .st-quote-decoration {color: #e0e7ff;}.st-premium-app-showcase {background-color: transparent;padding: 80px 0;direction: rtl;font-family: inherit;}.st-app-grid-container {max-width: 1240px;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;gap: 60px;}.st-app-device-column {flex: 1;display: flex;justify-content: center;align-items: center;}.st-phone-frame-container {display: flex;flex-direction: column;align-items: center;gap: 25px;position: relative;}.st-phone-frame-mockup {position: relative;width: 290px;height: 590px;background: #0f172a;border: 11px solid #1e293b;border-radius: 40px;box-shadow: 0 25px 60px rgba(15, 23, 42, 0.06);overflow: hidden;z-index: 5;}.phone-hardware-notch {position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 90px;height: 22px;background: #000000;border-radius: 12px;z-index: 10;}.phone-screen-content {width: 100%;height: 100%;background: #f8fafc;border-radius: 28px;overflow: hidden;}.phone-screen-content .slider-track {display: flex;height: 100%;gap: 0 !important;}.phone-screenshot-slide {flex: 0 0 100%;width: 100%;height: 100%;}.phone-screenshot-slide img {width: 100%;height: 100%;object-fit: cover;}.st-phone-control-capsule {display: flex !important;align-items: center !important;justify-content: center !important;gap: 12px !important;background: #ffffff;border: 1px solid #e2e8f0;padding: 6px 14px;border-radius: 30px;box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);position: relative !important;inset: auto !important;transform: none !important;width: max-content;}.st-phone-control-capsule .st-phone-nav {position: static !important;transform: none !important;display: flex !important;align-items: center !important;justify-content: center !important;width: 40px !important;height: 40px !important;border-radius: 50% !important;background: #f8fafc !important;border: 1px solid #e2e8f0 !important;color: #64748b !important;cursor: pointer !important;font-size: 13px !important;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;inset: auto !important;}.st-phone-control-capsule .st-phone-nav:hover {background: #6366f1 !important;color: #ffffff !important;border-color: #6366f1 !important;box-shadow: 0 4px 10px rgba(99, 102, 241, 0.2) !important;}.st-app-content-column {flex: 1.3;}.st-app-badge {font-size: 12px;font-weight: 700;color: #6366f1;background: #f0f2ff;padding: 5px 12px;border-radius: 20px;display: inline-block;margin-bottom: 16px;}.st-app-title {font-size: 28px;font-weight: 800;color: #0f172a;line-height: 1.4;margin: 0 0 18px 0;}.st-app-lead-text {font-size: 15px;color: #475569;line-height: 1.8;margin: 0 0 35px 0;text-align: justify;}.st-app-designer-card {display: flex;align-items: flex-start;gap: 16px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 18px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);}.designer-avatar-box {width: 52px;height: 52px;border-radius: 50%;overflow: hidden;border: 1px solid #cbd5e1;flex-shrink: 0;}.designer-avatar-box img {width: 100%;height: 100%;object-fit: cover;}.designer-details-box .designer-role {font-size: 11px;font-weight: 700;color: #6366f1;display: block;margin-bottom: 4px;}.designer-details-box h4 {font-size: 14.5px;font-weight: 800;color: #1e293b;margin: 0 0 8px 0;}.designer-statement {font-size: 12.5px;color: #64748b;font-style: italic;margin: 0;line-height: 1.5;}.avatar-upload-btn {background: #3b82f6;color: white;padding: 8px 20px;border-radius: 40px;cursor: pointer;display: inline-flex;align-items: center;gap: 8px;border: none;font-family: 'peydaWeb';}.avatar-remove-btn {background: #ef4444;color: white;padding: 8px 20px;border-radius: 40px;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: 8px;font-family: 'peydaWeb';}.st-premium-features-section {background-color: transparent;padding: 80px 0;direction: rtl;font-family: inherit;position: relative;}.st-feat-container {max-width: 1240px;margin: 0 auto;padding: 0 20px;}.st-feat-header {text-align: center;margin-bottom: 55px;}.st-feat-badge {font-size: 11px;font-weight: 700;color: #6366f1;background: #f0f2ff;padding: 4px 12px;border-radius: 20px;display: inline-block;margin-bottom: 12px;letter-spacing: 0.5px;}.st-feat-main-title {font-size: 26px;font-weight: 800;color: #0f172a;margin: 0;}.st-feat-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;position: relative;}.st-feat-card {position: relative;border-radius: 24px;background: #ffffff;border: 1px solid #e2e8f0;overflow: hidden;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s, box-shadow 0.4s;box-shadow: 0 4px 20px rgba(15, 23, 42, 0.015);}.st-feat-card-inner {position: relative;padding: 35px 30px;z-index: 3;height: 100%;display: flex;flex-direction: column;align-items: flex-start;text-align: right;}.st-feat-card-glow {position: absolute;inset: 0;background: radial-gradient(circle 120px at 10% 10%, rgba(99, 102, 241, 0.05), transparent);opacity: 0;transition: opacity 0.4s ease;z-index: 1;pointer-events: none;}.st-feat-icon-wrapper {width: 50px;height: 50px;border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 20px;margin-bottom: 24px;transition: transform 0.4s ease, box-shadow 0.4s ease;}.feat-icon-purple {background: #f5f3ff;color: #7c3aed;border: 1px solid #ddd6fe;}.feat-icon-blue {background: #eff6ff;color: #2563eb;border: 1px solid #bfdbfe;}.feat-icon-emerald {background: #ecfdf5;color: #059669;border: 1px solid #a7f3d0;}.st-feat-title {font-size: 17px;font-weight: 800;color: #1e293b;margin: 0 0 14px 0;}.st-feat-text {font-size: 13.5px;color: #475569;line-height: 1.8;margin: 0;text-align: justify;}.st-feat-card:hover {transform: translateY(-6px);border-color: #cbd5e1;box-shadow: 0 20px 35px rgba(15, 23, 42, 0.04);}.st-feat-card:hover .st-feat-card-glow {opacity: 1;}.st-feat-card:hover .st-feat-icon-wrapper {transform: scale(1.05) rotate(-3deg);}.st-feat-card:hover .feat-icon-purple {box-shadow: 0 8px 20px rgba(124, 58, 237, 0.15);}.st-feat-card:hover .feat-icon-blue {box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15);}.st-feat-card:hover .feat-icon-emerald {box-shadow: 0 8px 20px rgba(5, 150, 105, 0.15);}.alert {padding: 15px 20px;border-radius: 12px;margin-bottom: 20px;font-size: 14px;line-height: 1.5;}.alert i {margin-left: 8px;font-size: 18px;}.alert.success {background: #d4edda;color: #155724;border-right: 4px solid #28a745;}.alert.error {background: #f8d7da;color: #721c24;border-right: 4px solid #dc2626;}.alert.warning {background: #fff3cd;color: #856404;border-right: 4px solid #ffc107;}.alert.info {background: #d1ecf1;color: #0c5460;border-right: 4px solid #17a2b8;}.captcha-group {margin-bottom: 20px;}.captcha-container {display: flex;flex-direction: column;gap: 12px;}.captcha-image-wrapper {display: flex;align-items: center;gap: 12px;}.captcha-image {background: #f1f5f9;border-radius: 12px;border: 1px solid #e2e8f0;height: 50px;width: auto;cursor: pointer;}.captcha-refresh {background: #f8fafc;border: 1px solid #e2e8f0;color: #3b82f6;cursor: pointer;font-size: 18px;padding: 10px 14px;border-radius: 12px;transition: all 0.3s ease;}.captcha-refresh i {position: relative;top: 3px;transition: 0.4s;}.captcha-refresh:hover i {transform: rotate(180deg);}.captcha-input {width: 100%;padding: 12px;border: 1px solid #e2e8f0;border-radius: 12px;font-size: 16px;text-align: center;font-weight: 500;letter-spacing: 2px;}.captcha-input:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}.contact-info-card {display: flex;align-items: center;gap: 15px;padding: 15px;background: #f8fafc;border-radius: 16px;margin-bottom: 15px;}.contact-info-card i {font-size: 24px;color: #3b82f6;}.contact-info-card h4 {margin: 0 0 5px;font-size: 14px;color: #64748b;}.contact-info-card p {margin: 0;font-weight: 500;color: #1e293b;}.st-sidebar-widget {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 20px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);direction: rtl;font-family: inherit;margin-bottom: 24px;}.st-sidebar-widget .widget-header {display: flex;align-items: center;gap: 10px;border-bottom: 1px solid #f1f5f9;padding-bottom: 14px;margin-bottom: 16px;}.st-sidebar-widget .widget-header .header-icon {font-size: 16px;color: #6366f1;}.st-sidebar-widget .widget-header h3 {font-size: 14px;font-weight: 800;color: #0f172a;margin: 0;}.categories-accordion-list {display: flex;flex-direction: column;gap: 8px;}.cat-accordion-item {border: 1px solid #f1f5f9;border-radius: 10px;background: #f8fafc;overflow: hidden;transition: all 0.25s ease;}.cat-accordion-item[open] {border-color: #e2e8f0;background: #ffffff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.01);}.cat-toggle-header {display: flex;justify-content: space-between;align-items: center;padding: 12px 14px;cursor: pointer;user-select: none;list-style: none;}.cat-toggle-header::-webkit-details-marker {display: none;}.cat-title-side {display: flex;align-items: center;gap: 10px;}.arrow-indicator {font-size: 11px;color: #94a3b8;transition: transform 0.25s ease;}.cat-accordion-item[open] .arrow-indicator {transform: rotate(180deg);color: #6366f1;}.plain-dot {font-size: 8px;color: #cbd5e1;}.cat-name {font-size: 13px;font-weight: 700;color: #334155;transition: color 0.2s;}.cat-toggle-header:hover .cat-name {color: #0f172a;}.cat-count-badge {font-size: 11px;font-weight: 700;color: #64748b;background: #e2e8f0;padding: 2px 8px;border-radius: 20px;min-width: 24px;text-align: center;}.cat-accordion-item[open] .cat-count-badge {background: #f0f2ff;color: #6366f1;}.cat-sub-menu {display: flex;flex-direction: column;padding: 4px 14px 12px 14px;border-top: 1px dashed #f1f5f9;background: #fdfefe;}.sub-cat-item {display: flex;justify-content: space-between;align-items: center;font-size: 12px;font-weight: 600;color: #62748e;text-decoration: none;padding: 8px 16px relative;padding-right: 12px;position: relative;transition: all 0.2s;}.sub-cat-item::before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #cbd5e1;border-radius: 50%;transition: background 0.2s;}.sub-cat-item:hover, .sub-cat-item.active {color: #6366f1;}.sub-cat-item:hover::before, .sub-cat-item.active::before {background: #6366f1;}.sub-count {font-size: 10.5px;color: #94a3b8;}.cat-accordion-item.no-subs .single-link {text-decoration: none;padding: 12px 14px;}.download-final-btn {background: #10b981;color: white;border: none;padding: 7px 8px;border-radius: 6px;cursor: pointer;font-size: 12px;display: inline-flex;align-items: center;gap: 5px;transition: all 0.2s;text-decoration: none;}.download-final-btn:hover {background: #059669;transform: scale(1.02);}.download-final-btn i {font-size: 14px;}.st-floating-actions {position: fixed;bottom: 30px;right: 30px;display: flex;flex-direction: column;gap: 15px;z-index: 99999;pointer-events: none;}.st-float-btn {width: 54px;height: 54px;border-radius: 50%;border: 1px solid var(--border-color, #e2e8f0);cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;pointer-events: auto;font-size: 20px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);transform: translateY(40px) scale(0.5);opacity: 0;visibility: hidden;transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, visibility 0.4s ease, background-color 0.3s ease, box-shadow 0.3s ease;}.st-floating-actions.active .st-float-btn {transform: translateY(0) scale(1);opacity: 1;visibility: visible;}.st-btn-top {background-color: #ffffff;color: #334155;}.st-btn-top:hover {background-color: #6366f1;color: #ffffff !important;box-shadow: 0 10px 25px rgba(99, 102, 241, 0.4);transform: translateY(-4px);}.st-btn-support {background: linear-gradient(135deg, #6366f1, #4f46e5);color: #ffffff !important;border: none;box-shadow: 0 8px 25px rgba(99, 102, 241, 0.35);}.st-btn-support:hover {transform: translateY(-4px) scale(1.05);box-shadow: 0 12px 30px rgba(99, 102, 241, 0.5);}.st-pulse-ring {position: absolute;inset: -3px;border: 2px solid #6366f1;border-radius: 50%;opacity: 0;animation: stPulseEffect 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;}@keyframes stPulseEffect {0% {transform: scale(0.9);opacity: 0.8;}50% {opacity: 0.4;}100% {transform: scale(1.3);opacity: 0;}}.st-online-badge {position: absolute;bottom: 2px;right: 2px;width: 12px;height: 12px;background-color: #10b981;border: 2px solid #ffffff;border-radius: 50%;}.st-support-popup {position: fixed;bottom: 100px;right: 30px;width: 360px;background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 24px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);z-index: 99998;overflow: hidden;direction: rtl;text-align: right;opacity: 0;visibility: hidden;transform: translateY(30px) scale(0.9);transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, visibility 0.4s ease;}.st-support-popup.open {opacity: 1;visibility: visible;transform: translateY(0) scale(1);}.st-support-header {background: linear-gradient(135deg, #1e1b4b, #312e81);padding: 25px 20px;color: #ffffff;display: flex;align-items: center;justify-content: space-between;position: relative;}.st-support-profile {display: flex;align-items: center;gap: 15px;}.st-avatar-wrapper {width: 48px;height: 48px;background: rgba(255, 255, 255, 0.15);border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 22px;position: relative;}.st-avatar-status {position: absolute;top: -2px;right: -2px;width: 10px;height: 10px;background-color: #10b981;border: 2px solid #1e1b4b;border-radius: 50%;}.st-support-meta h4 {font-size: 15px;font-weight: 700;margin: 0 0 4px 0;color: #ffffff;}.st-support-meta p {font-size: 11px;margin: 0;color: #cbd5e1;display: flex;align-items: center;gap: 5px;}.st-dot-live {width: 6px;height: 6px;background-color: #10b981;border-radius: 50%;display: inline-block;animation: stFlash 1.5s infinite;}@keyframes stFlash {0%, 100% {opacity: 0.2;}50% {opacity: 1;}}.st-support-close {background: rgba(255, 255, 255, 0.1);border: none;width: 28px;height: 28px;border-radius: 50%;color: #ffffff;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.2s;}.st-support-close:hover {background: rgba(255, 255, 255, 0.2);}.st-support-body {padding: 20px;}.st-support-welcome {font-size: 13px;color: #475569;margin-bottom: 20px;line-height: 1.6;}.st-support-options {display: flex;flex-direction: column;gap: 12px;}.st-support-action-card {display: flex;align-items: center;gap: 15px;padding: 14px;background: #ffffff;border: 1px solid var(--border-color, #e2e8f0);border-radius: 16px;text-decoration: none !important;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.st-card-icon {width: 42px;height: 42px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 18px;transition: transform 0.3s;}.st-card-chat .st-card-icon {background: rgba(16, 185, 129, 0.1);color: #10b981;}.st-card-ticket .st-card-icon {background: rgba(99, 102, 241, 0.1);color: #6366f1;}.st-card-text {flex-grow: 1;}.st-card-text h5 {font-size: 13.5px;font-weight: 700;margin: 0 0 2px 0;color: #1e293b;}.st-card-text p {font-size: 11px;margin: 0;color: #64748b;}.st-arrow {font-size: 12px;color: #cbd5e1;transition: transform 0.3s;}.st-support-action-card:hover {transform: translateX(-5px);border-color: #6366f1;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);}.st-support-action-card:hover .st-card-icon {transform: scale(1.1);}.st-support-action-card:hover .st-arrow {transform: translateX(-3px);color: #6366f1;}.st-support-footer {padding: 12px;text-align: center;border-top: 1px solid var(--border-color, #e2e8f0);font-size: 10.5px;color: #94a3b8;}.st-print-btn {background: #6366f1;color: white;border: none;padding: 8px 20px;border-radius: 8px;cursor: pointer;font-size: 14px;display: inline-flex;align-items: center;gap: 8px;transition: all 0.3s;}.st-print-btn:hover {background: #4f46e5;transform: translateY(-2px);}@media print {body * {visibility: hidden;}#invoice-print-area, #invoice-print-area * {visibility: visible;}#invoice-print-area {position: absolute;left: 0;top: 0;width: 100%;padding: 20px;background: white;}.invoice-modal-overlay {display: block !important;position: relative !important;background: none !important;padding: 0 !important;overflow: visible !important;}.invoice-modal-content {box-shadow: none !important;padding: 0 !important;margin: 0 !important;max-width: 100% !important;border-radius: 0 !important;}.invoice-modal-close {display: none !important;}.st-pay-now-btn {display: none !important;}.st-payment-methods {display: none !important;}.st-print-btn {display: none !important;}.st-total-box {background: #f8fafc !important;border: 1px solid #e2e8f0 !important;}.st-invoice-footer {border-top: 2px solid #e2e8f0 !important;}.st-invoice-wrapper {box-shadow: none !important;border: 1px solid #e2e8f0 !important;margin: 0 !important;padding: 20px !important;max-width: 100% !important;}.st-invoice-status-badge {print-color-adjust: exact;-webkit-print-color-adjust: exact;}.st-invoice-table th {background: #f1f5f9 !important;print-color-adjust: exact;-webkit-print-color-adjust: exact;}.st-total-box {print-color-adjust: exact;-webkit-print-color-adjust: exact;}}.pay-invoice-btn {background: #10b981;color: white;border: none;padding: 6px 14px;border-radius: 6px;cursor: pointer;font-size: 12px;display: inline-flex;align-items: center;gap: 5px;transition: all 0.2s;}.pay-invoice-btn:hover {background: #059669;transform: scale(1.02);}.pay-invoice-btn:disabled {opacity: 0.6;cursor: not-allowed;transform: none;}.pay-invoice-btn.loading {background: #6b7280;}.pay-invoice-btn .btn-spinner {display: inline-block;animation: spin 0.8s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}#invoices-list-container {font-size: 12px;}.view-invoice-btn:hover {background: #2563eb !important;transform: scale(1.02);}.pay-invoice-btn:hover {background: #059669 !important;transform: scale(1.02);}.view-invoice-btn:disabled, .pay-invoice-btn:disabled {opacity: 0.6;cursor: not-allowed;transform: none !important;}.pay-invoice-btn.loading {background: #6b7280 !important;}.pay-invoice-btn .btn-spinner {display: inline-block;animation: spin 0.8s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.invoice-modal-overlay {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);overflow-y: auto;padding: 20px;animation: fadeIn 0.3s ease;}.invoice-modal-overlay.active {display: flex;justify-content: center;align-items: center;}.invoice-modal-content {background: #fff;border-radius: 12px;max-width: 820px;width: 100%;margin: 20px auto;padding: 30px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);animation: slideDown 0.3s ease;position: relative;max-height: 600px;overflow: scroll;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes slideDown {from {transform: translateY(-50px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}.invoice-modal-close {position: absolute;top: 15px;left: 20px;font-size: 28px;font-weight: bold;color: #6b7280;cursor: pointer;background: none;border: none;transition: all 0.2s;z-index: 10;}.invoice-modal-close:hover {color: #1e293b;transform: rotate(90deg);}.st-invoice-wrapper {max-width: 900px;margin: 0 auto;background: #ffffff;border-radius: 24px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);padding: 40px;direction: rtl;border: 1px solid #f1f5f9;}.st-invoice-status-badge {display: inline-block;padding: 6px 16px;border-radius: 50px;font-size: 12px;font-weight: 800;}.st-invoice-status-badge.unpaid {background: rgba(239, 68, 68, 0.1);color: #ef4444;}.st-invoice-status-badge.paid {background: rgba(16, 185, 129, 0.1);color: #10b981;}.st-invoice-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 50px;flex-wrap: wrap;gap: 15px;}.st-invoice-logo h2 {font-size: 28px;font-weight: 900;margin: 0;color: #1e293b;}.st-invoice-logo h2 span {color: #6366f1;}.st-invoice-logo p {font-size: 12px;color: #64748b;margin-top: 5px;}.st-invoice-details {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;margin-bottom: 40px;}.st-detail-col h5 {font-size: 14px;color: #94a3b8;margin-bottom: 12px;font-weight: 600;}.st-company-name, .st-client-name {font-weight: 800;font-size: 16px;color: #1e293b;margin-bottom: 8px;}.st-detail-col p {font-size: 13px;color: #64748b;margin: 4px 0;}.st-detail-col p i {margin-left: 6px;width: 18px;color: #94a3b8;}.st-invoice-table-container {overflow-x: auto;}.st-invoice-table {width: 100%;border-collapse: collapse;margin-bottom: 30px;}.st-invoice-table th {text-align: right;padding: 15px;background: #f8fafc;color: #64748b;font-size: 13px;border-radius: 10px;font-weight: 600;}.st-invoice-table td {padding: 20px 15px;border-bottom: 1px solid #f1f5f9;font-size: 14px;color: #334155;}.st-invoice-table tbody tr:hover {background: #f8fafc;}.st-invoice-footer {display: grid;grid-template-columns: 1.5fr 1fr;gap: 40px;margin-top: 30px;padding-top: 30px;border-top: 2px dashed #f1f5f9;}.st-payment-methods h5 {font-size: 14px;font-weight: 600;color: #1e293b;margin: 0 0 15px 0;}.st-method-grid {display: flex;flex-direction: column;gap: 12px;margin: 15px 0;}.st-method-card {cursor: pointer;}.st-method-card input {display: none;}.st-method-content {display: flex;align-items: center;gap: 12px;padding: 14px;border: 1px solid #e2e8f0;border-radius: 14px;transition: all 0.3s;font-size: 13px;color: #475569;}.st-method-content i {font-size: 18px;width: 30px;color: #6366f1;}.st-method-card input:checked+.st-method-content {border-color: #6366f1;background: rgba(99, 102, 241, 0.05);color: #6366f1;}.st-pay-now-btn {width: 100%;padding: 15px;background: #6366f1;color: #fff;border: none;border-radius: 14px;font-weight: 800;cursor: pointer;box-shadow: 0 10px 20px rgba(99, 102, 241, 0.2);transition: all 0.3s;font-size: 15px;}.st-pay-now-btn:hover {background: #4f46e5;transform: translateY(-2px);}.st-pay-now-btn:disabled {opacity: 0.6;cursor: not-allowed;transform: none !important;}.st-pay-now-btn.loading {background: #6b7280 !important;box-shadow: none !important;}.st-pay-now-btn .btn-spinner {display: inline-block;animation: spin 0.8s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.st-total-box {background: #f8fafc;padding: 25px;border-radius: 20px;height: fit-content;}.st-total-row {display: flex;justify-content: space-between;padding: 6px 0;font-size: 14px;color: #475569;}.st-total-row.final {border-top: 2px solid #e2e8f0;margin-top: 8px;padding-top: 12px;font-size: 18px;font-weight: 700;color: #1e293b;}.st-total-row.final span:last-child {color: #6366f1;}.captcha-group {margin-bottom: 20px;}.captcha-container {display: flex;flex-direction: column;gap: 12px;}.captcha-image-wrapper {display: flex;align-items: center;gap: 12px;}.captcha-image {background: #f1f5f9;border-radius: 12px;border: 1px solid #e2e8f0;height: 50px;width: auto;cursor: pointer;}.captcha-refresh {background: #f8fafc;border: 1px solid #e2e8f0;color: #3b82f6;cursor: pointer;font-size: 18px;padding: 10px 14px;border-radius: 12px;transition: all 0.3s ease;}.captcha-refresh:hover {background: #eef2ff;transform: rotate(180deg);}.captcha-input {width: 100%;padding: 12px;border: 1px solid #e2e8f0;border-radius: 12px;font-size: 16px;text-align: center;font-weight: 500;letter-spacing: 2px;}.captcha-input:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}.contact-info-card {display: flex;align-items: center;gap: 15px;padding: 15px;background: #f8fafc;border-radius: 16px;margin-bottom: 15px;}.contact-info-card i {font-size: 24px;color: #3b82f6;}.contact-info-card h4 {margin: 0 0 5px;font-size: 14px;color: #64748b;}.contact-info-card p {margin: 0;font-weight: 500;color: #1e293b;}.alert {padding: 15px;border-radius: 12px;margin-bottom: 20px;}.alert-success {background: #d4edda;color: #155724;border-right: 4px solid #28a745;}.alert-error {background: #f8d7da;color: #721c24;border-right: 4px solid #dc2626;}.blog-pagination .page-numbers {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin: 0 3px;border-radius: 12px;background: #f1f5f9;color: #1e293b;text-decoration: none;transition: all 0.2s;}.blog-pagination .page-numbers.current {background: #6366f1;color: white;}.blog-pagination .page-numbers:hover:not(.current) {background: #e2e8f0;}.blog-pagination ul {display: flex;justify-content: center;gap: 8px;list-style: none;padding: 0;}.auth-container {display: flex;min-height: 100vh;direction: rtl;}.auth-visual-side {flex: 1;background: linear-gradient(135deg, #0f172a, #1e293b);position: relative;display: flex;align-items: center;justify-content: center;padding: 40px;}.visual-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=2000&q=80') center/cover no-repeat;opacity: 0.15;pointer-events: none;}.visual-content {position: relative;z-index: 2;color: white;text-align: center;max-width: 400px;}.visual-logo i {font-size: 64px;margin-bottom: 20px;color: #3b82f6;}.visual-content h2 {font-size: 32px;margin-bottom: 20px;}.visual-content p {font-size: 16px;line-height: 1.8;opacity: 0.8;}.auth-form-side {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 40px;background: white;}.back-to-home {display: inline-flex;align-items: center;gap: 8px;color: #64748b;text-decoration: none;margin-bottom: 40px;transition: color 0.3s ease;align-self: flex-start;}.back-to-home:hover {color: #3b82f6;}.auth-tabs {display: flex;gap: 20px;margin-bottom: 40px;}.auth-tab {background: none;border: none;padding: 12px 0;font-size: 18px;font-weight: 500;color: #94a3b8;cursor: pointer;transition: all 0.3s ease;position: relative;font-family: var(--font-family);}.auth-tab.active {color: #3b82f6;}.auth-tab.active::after {content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 2px;background: #3b82f6;}.auth-form-box {display: none;}.auth-form-box.active {display: block;}.form-header {margin-bottom: 30px;}.form-header h1 {font-size: 28px;color: #1e293b;margin-bottom: 10px;}.form-header p {color: #64748b;}.input-group-modern {margin-bottom: 25px;}.input-group-modern label {display: block;margin-bottom: 8px;font-weight: 500;color: #1e293b;}.input-wrapper {position: relative;}.input-icon {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #94a3b8;}.remember-forgot {display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}.checkbox-label {display: flex;align-items: center;gap: 8px;cursor: pointer;color: #64748b;font-size: 14px;}.forgot-link {color: #3b82f6;text-decoration: none;font-size: 14px;}.auth-footer-terms {margin-top: 30px;text-align: center;font-size: 13px;color: #94a3b8;}.auth-footer-terms a {color: #3b82f6;text-decoration: none;}.auth-message {margin-bottom: 20px;padding: 12px;border-radius: 10px;font-size: 14px;}.auth-message.success {background: #d4edda;color: #155724;border: 1px solid #c3e6cb;}.auth-message.error {background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}.dashboard-card-box {margin-bottom: 30px;}.avatar-limit-info {margin-top: 15px;padding: 10px;background: #f8fafc;border-radius: 12px;}#invoices-list-container .table-invoices-list-custom, #project-list-container .table-project-list-custom {width: 100%;border-collapse: collapse;direction: rtl;}#invoices-list-container .table-invoices-list-custom thead tr, #project-list-container .table-project-list-custom thead tr{background: #f8fafc;border-radius: 12px;}#invoices-list-container .table-invoices-list-custom thead tr th, #project-list-container .table-project-list-custom thead tr th {padding: 12px;text-align: center;}#invoices-list-container .table-invoices-list-custom tbody tr, #project-list-container .table-project-list-custom tbody tr {border-bottom: 1px solid #e5e7eb;}#invoices-list-container .table-invoices-list-custom tbody tr td, #project-list-container .table-project-list-custom tbody tr td {padding: 5px;}.page-add-balance .balance-info-box {background: linear-gradient(135deg, #10b981, #059669);border-radius: 20px;padding: 25px;margin-bottom: 30px;color: white;}.page-add-balance .balance-info-box .bx-1 {display: flex;align-items: center;gap: 15px;}.page-add-balance .balance-info-box .bx-1 i {font-size: 48px;}.page-add-balance .balance-info-box .bx-1 .bx-1-info p {margin: 0 0 5px;opacity: 0.9;}.page-add-balance .balance-info-box .bx-1 .bx-1-info h2 {margin: 0;font-size: 32px;}.page-add-balance .payment-info-box {background: #f8fafc;border-radius: 16px;padding: 20px;margin-bottom: 25px;}.page-add-balance .payment-info-box h4 {margin: 0 0 15px;color: #1e293b;}.page-add-balance .payment-info-box p {color: #475569;line-height: 1.7;margin: 0;}.page-add-balance .payment-form-box {background: #fff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 25px;}.page-add-balance .payment-form-box label {display: block;margin-bottom: 8px;font-weight: 500;color: #1e293b;}body {background-color: var(--st-bg-primary);color: var(--st-text-main);transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.st-theme-toggle {width: 42px;height: 42px;border-radius: 12px;background: var(--st-bg-card);border: 1px solid var(--st-border-color);cursor: pointer;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.st-theme-toggle:hover {border-color: #6366f1;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.15);}.st-toggle-icon-box {position: relative;width: 18px;height: 18px;transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}.st-theme-toggle i {position: absolute;inset: 0;font-size: 18px;display: flex;align-items: center;justify-content: center;transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}.st-icon-sun {color: #f59e0b;opacity: 1;transform: scale(1) rotate(0deg);}.st-icon-moon {color: #818cf8;opacity: 0;transform: scale(0.5) rotate(-90deg);}.st-mega-dropdown.spatial-blur {background: var(--st-glass-bg);border-color: var(--st-border-color);}.st-nav-link:hover, .st-nav-link.st-active {color: #6366f1;}.st-mega-col h3 {color: var(--st-text-main);border-bottom-color: var(--st-border-color);}.st-review-main-title, .st-step-main-title, .st-feat-main-title, .st-web-title {color: var(--st-text-main);}.st-review-card, .st-step-card-inner, .st-feat-card, .st-web-designer-card {background: var(--st-bg-card);border-color: var(--st-border-color);}.st-review-quote, .st-step-text, .st-feat-text, .st-web-lead-text {color: var(--st-text-muted);}.st-step-number-glow {color: var(--st-border-color);}.st-company-brand, .st-step-icon-box, .web-slider-control-bar {background: var(--st-bg-primary) !important;border-color: var(--st-border-color) !important;}.widget, .post-card, .slider-btn, .nav-arrow, .download-box, .user-dropdown-menu, body, input, textarea {transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;}.user-dropdown-menu, .logout-btn, .widget, .post-card, body, input, textarea {transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;}.st-mobile-bottom-nav {display: none;}.pxl-master-article {direction: rtl;text-align: justify;margin: 0 auto;padding: 10px 0;}.pxl-section {margin-bottom: 40px;}.pxl-h2 {font-size: 23px;color: var(--pxl-headings);font-weight: 800;margin: 35px 0 20px 0;padding-right: 14px;border-right: 4px solid var(--pxl-purple-main);line-height: 1.5;}.pxl-h3 {font-size: 19px;color: var(--pxl-headings);font-weight: 700;margin: 30px 0 15px 0;}.pxl-h4 {font-size: 17px;color: var(--pxl-headings);font-weight: 600;margin: 25px 0 12px 0;}.pxl-h5 {font-size: 15px;color: var(--pxl-purple-main);font-weight: 600;margin: 20px 0 10px 0;}.pxl-p {font-size: 15.5px;color: var(--pxl-body-text);line-height: 1.9;margin-bottom: 20px;}.pxl-toc-premium-box {background: var(--pxl-card-bg);border: 1px solid var(--pxl-border-line);border-radius: 18px;margin-bottom: 35px;overflow: hidden;box-shadow: 0 10px 25px rgba(124, 58, 237, 0.02);}.pxl-toc-header-zone {display: flex;justify-content: space-between;align-items: center;padding: 22px 25px;background: var(--pxl-toc-header-bg);}.pxl-toc-title-side {display: flex;align-items: center;gap: 16px;}.pxl-toc-main-icon {font-size: 22px;color: var(--pxl-purple-main);background: var(--pxl-purple-light);width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;border-radius: 12px;}.pxl-toc-text-wrapper {display: flex;flex-direction: column;gap: 4px;}.pxl-toc-main-title {font-size: 17px;font-weight: 800;color: var(--pxl-headings);}.pxl-toc-subtitle {font-size: 12.5px;color: var(--pxl-body-text);opacity: 0.8;}.pxl-toc-toggle-btn {background: var(--pxl-card-bg);border: 1px solid var(--pxl-border-line);width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;color: var(--pxl-purple-main);transition: all 0.3s ease;}.pxl-toc-toggle-btn:hover {background: var(--pxl-purple-main);color: #ffffff;border-color: var(--pxl-purple-main);}.pxl-arrow-rotator {font-size: 14px;transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);}.pxl-toc-inner-content {padding: 15px 25px 25px 25px;border-top: 1px solid var(--pxl-border-line);}.pxl-premium-links {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 14px;}.pxl-premium-links a {display: flex;align-items: center;gap: 12px;padding: 12px 16px;background: var(--pxl-purple-light);border-radius: 12px;text-decoration: none;transition: all 0.25s ease;border: 1px solid transparent;}.pxl-premium-links a:hover {border-color: var(--pxl-purple-main);transform: translateY(-2px);}.pxl-link-number {font-size: 13px;font-weight: 800;color: var(--pxl-purple-main);opacity: 0.6;}.pxl-link-text {font-size: 14.5px;font-weight: 600;color: var(--pxl-headings);}.pxl-toc-premium-box.is-open .pxl-arrow-rotator {transform: rotate(180deg);}.pxl-slider-container {position: relative;max-width: 100%;margin: 30px auto;overflow: hidden;border-radius: 20px;box-shadow: 0 10px 30px rgba(124, 58, 237, 0.08);background: #0f0c24;height: 420px;}.pxl-slider-track {position: relative;width: 100%;height: 100%;}.pxl-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transform: scale(1.02);transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.6s;z-index: 1;}.pxl-slide.active {opacity: 1;visibility: visible;transform: scale(1.00);z-index: 2;}.pxl-slide img {width: 100%;height: 100%;object-fit: cover;display: block;}.pxl-slide-title {position: absolute;bottom: 0;right: 0;left: 0;background: linear-gradient(to top, rgba(15, 12, 36, 0.95), rgba(0, 0, 0, 0));color: #ffffff;padding: 40px 25px 25px 25px;font-weight: bold;font-size: 16px;z-index: 3;}.pxl-slider-btn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.1);color: white;width: 44px;height: 44px;cursor: pointer;font-size: 14px;border-radius: 50%;z-index: 10;transition: all 0.3s;display: flex;align-items: center;justify-content: center;}.pxl-slider-btn:hover {background: var(--pxl-purple-main);border-color: var(--pxl-purple-main);}.pxl-slider-btn.prev {right: 20px;}.pxl-slider-btn.next {left: 20px;}.pxl-slider-dots {position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 11;}.pxl-dot {width: 8px;height: 8px;background: rgba(255, 255, 255, 0.35);border-radius: 50%;cursor: pointer;transition: all 0.3s ease;}.pxl-dot.active {background: var(--pxl-purple-main);width: 26px;border-radius: 5px;}.pxl-faq-card {background: var(--pxl-card-bg);border: 1px solid var(--pxl-border-line);border-radius: 14px;margin-bottom: 16px;overflow: hidden;transition: all 0.3s ease;}.pxl-faq-card:hover {border-color: var(--pxl-purple-main);}.pxl-faq-card .pxl-accordion-trigger {width: 100%;background: none;border: none;padding: 20px 24px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;text-align: right;font-family: inherit;font-size: 16px;font-weight: 700;color: var(--pxl-headings);}.pxl-trigger-icon {font-size: 15px;color: var(--pxl-purple-main);transition: transform 0.3s ease;width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;background: var(--pxl-purple-light);border-radius: 50%;}.pxl-accordion-panel {max-height: 0;overflow: hidden;transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);}.pxl-panel-inner {padding: 5px 25px 22px 25px;border-top: 1px solid var(--pxl-border-line);}.pxl-faq-card.is-open .pxl-trigger-icon {transform: rotate(135deg);background: #ef4444;color: #ffffff;}.pxl-table-responsive {width: 100%;overflow-x: auto;margin: 25px 0;border-radius: 12px;border: 1px solid var(--pxl-border-line);}.pxl-custom-table {width: 100%;border-collapse: collapse;text-align: right;font-size: 15px;color: var(--pxl-body-text);}.pxl-custom-table th {background-color: var(--pxl-table-th);color: var(--pxl-purple-main);padding: 16px;font-weight: 700;border-bottom: 2px solid var(--pxl-border-line);white-space: nowrap;}.pxl-custom-table td {padding: 16px;border-bottom: 1px solid var(--pxl-border-line);background-color: var(--pxl-card-bg);}.pxl-custom-table tbody tr:last-child td {border-bottom: none;}.pxl-custom-table tbody tr:hover td {background-color: var(--pxl-purple-light);}.pxl-single-image-wrapper {margin: 25px 0;text-align: center;}.pxl-img {max-width: 100%;height: auto;border-radius: 16px;}.pxl-img-caption {display: block;font-size: 13px;color: var(--pxl-body-text);margin-top: 10px;opacity: 0.8;}.pxl-toc-premium-box .pxl-toc-title-side .pxl-toc-main-icon {align-content: center;text-align: center;}.w-100-img {width: 100%;}.ab-premium-section, .ab-cta-section {--ab-bg-main: transparent;--ab-text-dark: #0f172a;--ab-text-gray: #475569;--ab-brand-color: #6366f1;--ab-brand-glow: rgba(99, 102, 241, 0.08);--ab-glass-card-bg: rgba(255, 255, 255, 0.65);--ab-glass-border: rgba(99, 102, 241, 0.12);--ab-card-hover-bg: #ffffff;direction: rtl !important;text-align: right !important;box-sizing: border-box !important;}.ab-premium-section *, .ab-cta-section * {box-sizing: border-box !important;}.ab-premium-section {padding: 50px 0 !important;position: relative;overflow: hidden;}.ab-container {width: 100% !important;max-width: 1240px !important;margin: 0 auto !important;padding-right: 20px !important;padding-left: 20px !important;}.ab-grid {display: flex !important;flex-direction: column !important;gap: 40px !important;}.ab-image-block {position: relative;display: flex !important;justify-content: center !important;align-items: center !important;width: 100% !important;}.ab-blob-bg {position: absolute;width: 260px;height: 260px;background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(168, 85, 247, 0.2) 100%);filter: blur(50px);border-radius: 50%;z-index: 0;}.ab-img-frame {position: relative;width: 100% !important;max-width: 400px !important;z-index: 1;}.ab-img-frame img {width: 100% !important;height: auto !important;object-fit: cover;border-radius: 20px !important;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;display: block !important;}.ab-floating-stat {position: absolute;bottom: 15px;right: 15px;background: rgba(255, 255, 255, 0.85);border: 1px solid rgba(255, 255, 255, 0.6);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 10px 16px;border-radius: 14px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);display: flex !important;flex-direction: column !important;z-index: 2;}.ab-stat-num {font-size: 22px !important;font-weight: 900 !important;color: var(--ab-brand-color) !important;line-height: 1 !important;}.ab-stat-label {font-size: 11px !important;font-weight: 700 !important;color: var(--ab-text-dark) !important;}.ab-text-block {width: 100% !important;}.ab-badge {display: inline-flex !important;align-items: center !important;gap: 8px !important;background: var(--ab-brand-glow) !important;color: var(--ab-brand-color) !important;padding: 6px 16px !important;border-radius: 50px !important;font-size: 12px !important;font-weight: 700 !important;margin-bottom: 16px !important;border: 1px solid rgba(99, 102, 241, 0.15) !important;}.ab-main-title {font-size: 26px !important;font-weight: 900 !important;color: var(--ab-text-dark) !important;line-height: 1.4 !important;margin: 0 0 20px 0 !important;}.ab-dynamic-content {font-size: 14.5px !important;line-height: 1.8 !important;color: var(--ab-text-gray) !important;margin-bottom: 30px !important;text-align: justify !important;}.ab-features-wrapper {display: flex !important;flex-direction: column !important;gap: 15px !important;}.ab-feature-card {display: flex !important;align-items: flex-start !important;gap: 15px !important;background: var(--ab-glass-card-bg) !important;border: 1px solid var(--ab-glass-border) !important;padding: 16px !important;border-radius: 16px !important;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition: all 0.3s ease;}.ab-feature-card:hover {background: var(--ab-card-hover-bg) !important;border-color: var(--ab-brand-color) !important;transform: translateY(-2px) !important;}.ab-feat-icon {width: 44px !important;height: 44px !important;background: var(--ab-brand-glow) !important;color: var(--ab-brand-color) !important;border-radius: 10px !important;display: flex !important;align-items: center !important;justify-content: center !important;font-size: 18px !important;flex-shrink: 0 !important;}.ab-feat-text h4 {font-size: 15px !important;font-weight: 800 !important;color: var(--ab-text-dark) !important;margin: 0 0 4px 0 !important;}.ab-feat-text p {font-size: 13px !important;color: var(--ab-text-gray) !important;margin: 0 !important;line-height: 1.5 !important;}.ab-cta-section {padding: 30px 0 60px 0 !important;}.ab-cta-glass-card {background: var(--ab-glass-card-bg) !important;border: 1px solid var(--ab-glass-border) !important;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);border-radius: 24px !important;padding: 30px 20px !important;display: flex !important;flex-direction: column !important;gap: 30px !important;position: relative;overflow: hidden;}.ab-cta-glow-blur {position: absolute;top: -100px;left: -100px;width: 250px;height: 250px;background: rgba(99, 102, 241, 0.12);filter: blur(70px);border-radius: 50%;pointer-events: none;}.ab-cta-alert {display: inline-flex !important;align-items: center !important;gap: 6px !important;background: rgba(16, 185, 129, 0.08) !important;color: #10b981 !important;padding: 6px 14px !important;border-radius: 50px !important;font-size: 12px !important;font-weight: 700 !important;margin-bottom: 16px !important;border: 1px solid rgba(16, 185, 129, 0.15) !important;}.ab-pulse-dot {width: 6px;height: 6px;background: #10b981;border-radius: 50%;animation: abPulse 1.8s infinite ease-in-out;}@keyframes abPulse {0% {transform: scale(0.8);opacity: 0.5;}50% {transform: scale(1.2);opacity: 1;}100% {transform: scale(0.8);opacity: 0.5;}}.ab-cta-info h2 {font-size: 22px !important;font-weight: 900 !important;color: var(--ab-text-dark) !important;margin: 0 0 10px 0 !important;line-height: 1.4 !important;}.ab-cta-info p {font-size: 14px !important;color: var(--ab-text-gray) !important;line-height: 1.7 !important;margin: 0 !important;text-align: justify !important;}.ab-cta-action {display: flex !important;flex-direction: column !important;align-items: center !important;gap: 12px !important;width: 100% !important;}.ab-btn-primary {display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;background: var(--ab-brand-color) !important;color: #ffffff !important;width: 100% !important;padding: 14px 20px !important;border-radius: 12px !important;font-size: 14.5px !important;font-weight: 700 !important;text-decoration: none !important;box-shadow: 0 8px 20px rgba(99, 102, 241, 0.25) !important;transition: all 0.3s ease;}.ab-btn-primary:hover {background: #4f46e5 !important;transform: translateY(-2px) !important;}.ab-action-hint {font-size: 11.5px !important;color: var(--ab-text-gray) !important;}.st-banner-showcase {--st-title-color: #0f172a;--st-desc-color: #475569;--st-accent: #6366f1;--st-box-bg: #ffffff;--st-box-border: rgba(99, 102, 241, 0.08);--st-nav-bg: #f1f5f9;padding: 60px 0;direction: rtl !important;}.st-banner-header {display: flex !important;justify-content: space-between !important;align-items: center !important;margin-bottom: 28px !important;width: 100% !important;}.st-header-right h2 {font-size: 22px !important;font-weight: 800 !important;color: var(--st-title-color) !important;margin: 0 0 6px 0 !important;}.st-header-right p {font-size: 13.5px !important;color: var(--st-desc-color) !important;margin: 0 !important;}.st-banner-nav {display: flex !important;gap: 8px !important;}.st-banner-nav .st-nav-arrow {width: 42px !important;height: 42px !important;border-radius: 12px !important;border: none !important;background: var(--st-nav-bg) !important;color: var(--st-title-color) !important;cursor: pointer !important;display: flex !important;align-items: center !important;justify-content: center !important;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;}.st-banner-nav .st-nav-arrow:hover {background: var(--st-accent) !important;color: #ffffff !important;}.st-banner-slider-container {width: 100% !important;overflow: hidden !important;padding: 10px 2px !important;}.st-banner-track {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;gap: 20px !important;width: max-content !important;will-change: transform;}.st-banner-card-item {flex: 0 0 300px !important;width: 300px !important;box-sizing: border-box !important;}.st-banner-link {text-decoration: none !important;display: block !important;}.st-banner-wrapper {background: var(--st-box-bg) !important;border: 1px solid var(--st-box-border) !important;border-radius: 16px !important;padding: 12px !important;height: 100% !important;box-sizing: border-box !important;transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;}.st-banner-wrapper:hover {transform: translateY(-5px) !important;border-color: var(--st-accent) !important;box-shadow: 0 14px 28px rgba(99, 102, 241, 0.08) !important;}.st-banner-media {width: 100% !important;height: 390px !important;border-radius: 10px !important;overflow: hidden !important;background: #f8fafc !important;position: relative !important;}.st-banner-media img {width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important;}.st-banner-details {padding: 12px 2px 2px 2px !important;}.st-banner-cat {font-size: 11px !important;font-weight: 700 !important;color: var(--st-accent) !important;background: rgba(99, 102, 241, 0.05) !important;padding: 3px 10px !important;border-radius: 50px !important;display: inline-block !important;margin-bottom: 8px !important;}.st-banner-details h3 {font-size: 15px !important;font-weight: 800 !important;color: var(--st-title-color) !important;margin: 0 0 6px 0 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}.st-banner-details p {font-size: 12px !important;color: var(--st-desc-color) !important;line-height: 1.6 !important;margin: 0 !important;}.home-banner-portfolio-section {padding: 60px 0;width: 100%;}.home-banner-portfolio-section .hp-portfolio-slider-wrapper {width: 100% !important;overflow: hidden !important;padding: 10px 0 !important;}.home-banner-portfolio-section .slider-track {display: flex !important;flex-wrap: nowrap !important;gap: 24px !important;width: max-content !important;will-change: transform;}.home-banner-portfolio-section .hp-portfolio-slide-card {flex: 0 0 300px !important;width: 300px !important;box-sizing: border-box !important;}.home-banner-portfolio-section .hp-media-holder {width: 100% !important;height: 390px !important;border-radius: 16px !important;overflow: hidden !important;position: relative !important;background: #f1f5f9;}.home-banner-portfolio-section .hp-main-img {width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important;}.home-banner-portfolio-section .hp-meta-holder {padding-top: 14px !important;}.home-banner-portfolio-section .hp-brand-title {font-size: 15px !important;font-weight: 800 !important;margin: 0 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}:root {--pxl-purple-main: #7c3aed;--pxl-purple-light: #f5f3ff;--pxl-body-text: #334155;--pxl-headings: #1e1b4b;--pxl-card-bg: #ffffff;--pxl-border-line: #e9e3ff;--pxl-table-th: #f3eef7;--pxl-toc-header-bg: #faf9ff;}body.dark :root, body.dark-mode :root, .dark :root, .dark-mode :root {--pxl-purple-main: #a78bfa;--pxl-purple-light: #161233;--pxl-body-text: #cbd5e1;--pxl-headings: #f5f3ff;--pxl-card-bg: #110e2e;--pxl-border-line: #2e2a56;--pxl-table-th: #1e1b4b;--pxl-toc-header-bg: #16123d;}[data-theme="dark"] .page-add-balance .payment-info-box {background-color: #1c273e !important;border: 1px solid #374151 !important;}[data-theme="dark"] .page-add-balance .payment-info-box h4 {color: #8e949d;}[data-theme="dark"] .page-add-balance .payment-form-box {background-color: #1c273e !important;border: 1px solid #374151 !important;}[data-theme="dark"] .page-add-balance .balance-info-box {background: linear-gradient(135deg, #0a5b40, #00462e);}[data-theme="dark"] .page-add-balance .payment-info-box p {color: #617694;}[data-theme="dark"] .chat-bubble-container {background-color: #1c273e !important;border: 1px solid #374151 !important;}[data-theme="dark"] .chat-bubble-body p {color: #617694;}[data-theme="dark"] .chat-bubble-header {border-bottom: 1px solid #374151 !important;}[data-theme="dark"] .db-reply-form-card .db-card-header {border-bottom: 1px solid #374151 !important;}[data-theme="dark"] .db-reply-form-card .reply-form-footer {border-top: 1px solid #374151 !important;}[data-theme="dark"] .db-file-uploader.mini-version {color: #617694;}[data-theme="dark"] .tk-main-details h2 {color: #617694;}[data-theme="dark"] .chat-bubble-body .attachment-link a {color: #9f9f9f;}[data-theme="dark"] .chat-bubble-container .sender-name {color: #8e949d;}[data-theme="dark"] .tk-main-details .tk-view-code {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-wizard-container {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-wizard-container .wizard-title-area h2 {color: #8e949d;}[data-theme="dark"] .premium-wizard-container .indicator-step.active .ind-label {color: #8e949d;}[data-theme="dark"] .premium-wizard-container .ind-num {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-wizard-container .indicator-line {background-color: #1f2937 !important;}[data-theme="dark"] .premium-wizard-container .wizard-progress-header {border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-wizard-container .wizard-navigation-buttons {border-top: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-wizard-container .step-panel-title h3 {color: #8e949d;}[data-theme="dark"] .premium-wizard-container .wizard-navigation-buttons .wizard-btn.btn-prev {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-wizard-container .wizard-navigation-buttons .wizard-btn.btn-next {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-wizard-container .premium-upload-zone {border: 2px dashed #1f2937;background-color: #111827 !important;}[data-theme="dark"] .premium-wizard-container .wizard-summary-review {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .contact-wrapper, [data-theme="dark"] .contact-info-wrapper, [data-theme="dark"] .contact-info-box, [data-theme="dark"] .contact-map-container {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .contact-info-box i {background-color: #1f2937 !important;color: #6366f1 !important;}[data-theme="dark"] .contact-info-box h4, [data-theme="dark"] .contact-info-box h5 {color: #ffffff !important;}[data-theme="dark"] .portfolio-item, [data-theme="dark"] .portfolio-card, [data-theme="dark"] .portfolio-filter-btn {background-color: #111827 !important;border: 1px solid #1f2937 !important;color: #cbd5e1 !important;}[data-theme="dark"] .portfolio-filter-btn.active, [data-theme="dark"] .portfolio-filter-btn:hover {background-color: #6366f1 !important;color: #ffffff !important;border-color: #6366f1 !important;}[data-theme="dark"] .logo-item-wrapper, [data-theme="dark"] .client-logo-box, [data-theme="dark"] .brand-carousel .item {background-color: #111827 !important;border: 1px solid #1f2937 !important;padding: 15px !important;border-radius: 12px !important;}[data-theme="dark"] .logo-item-wrapper img, [data-theme="dark"] .client-logo-box img, [data-theme="dark"] .brand-carousel img {filter: brightness(0) invert(1) opacity(0.7) !important;transition: opacity 0.3s ease !important;}[data-theme="dark"] .logo-item-wrapper img:hover, [data-theme="dark"] .client-logo-box img:hover {filter: brightness(0) invert(1) opacity(1) !important;}[data-theme="dark"] .mega-menu, [data-theme="dark"] .mega-menu-inner, [data-theme="dark"] .dropdown-sub-menu {background-color: #111827 !important;border: 1px solid #1f2937 !important;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;}[data-theme="dark"] .mega-menu .menu-item-title {color: #ffffff !important;border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .main-footer {background-color: #0b0f19 !important;border-top: 1px solid #1f2937 !important;}[data-theme="dark"] .footer-widget h4, [data-theme="dark"] .footer-bottom-text {color: #ffffff !important;}[data-theme="dark"] .footer-links li a {color: #94a3b8 !important;}[data-theme="dark"] .footer-links li a:hover {color: #6366f1 !important;}[data-theme="dark"] .modal-content, [data-theme="dark"] .popup-box-inner, [data-theme="dark"] .login-modal-wrapper {background-color: #111827 !important;border: 1px solid #1f2937 !important;color: #cbd5e1 !important;}[data-theme="dark"] .blog-section-header {border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .blog-card {border: 1px solid #1f2937 !important;}[data-theme="dark"] .blog-card .tag-internal {background: #1f2937;color: #c1c1c1;}[data-theme="dark"] .card-footer-author {border-top: 1px solid #1f2937 !important;}[data-theme="dark"] .value-card.logo-value-theme {background: linear-gradient(135deg, #333c50, #2c3a52);border: 1px solid #111827;}[data-theme="dark"] .st-step-title {color: #455e87;}[data-theme="dark"] .hp-main-title {font-size: 24px;font-weight: 800;color: #8e949d;margin: 0;}[data-theme="dark"] .st-step-main-title {color: #8e949d;}[data-theme="dark"] .value-section-header h2 {color: #8e949d;}[data-theme="dark"] .header-title-wrap h2 {color: #8e949d;}[data-theme="dark"] .slide-content h1, [data-theme="dark"] .slide-content .slide-title {color: #8e949d;}[data-theme="dark"] .blog-card h3 a {color: #8e949d;}[data-theme="dark"] .banner-meta h3 {color: #8e949d;}[data-theme="dark"] .banner-card {border: 1px solid #1f2937 !important;}[data-theme="dark"] .logo img {filter: brightness(0) invert(1);}[data-theme="dark"] .premium-article-card {border: 1px solid #1f2937 !important;}[data-theme="dark"] .premium-article-card p {color: #495d7a;}[data-theme="dark"] .sidebar-widget, [data-theme="dark"] .st-sidebar-widget {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .article-inner-header h1 {color: #8e949d;}[data-theme="dark"] .post-share-neon-box {background: var(--st-bg-card);border-color: var(--st-border-color);}[data-theme="dark"] .cat-accordion-item {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .hp-portfolio-slide-card {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .cat-accordion-item span {color: #8e949d;}[data-theme="dark"] .cat-sub-menu {background-color: #1a2336 !important;border-top: 1px solid #1f2937 !important;}[data-theme="dark"] .hp-media-holder {background-color: #151f31 !important;}[data-theme="dark"] .st-sidebar-widget .widget-header h3 {color: #8e949d;}[data-theme="dark"] .widget-title {color: #8e949d !important;}[data-theme="dark"] .st-sidebar-widget .widget-header {border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .cat-accordion-item span.cat-count-badge {background: #1a2337;}[data-theme="dark"] .pop-post-info h5 {color: #8e949d;}[data-theme="dark"] .premium-comment-form-widget {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .st-feat-main-title {font-size: 24px;font-weight: 800;color: #8e949d;margin: 0;}[data-theme="dark"] .st-feat-title, [data-theme="dark"] .st-web-title {color: #8e949d;}[data-theme="dark"] .st-step-badge, [data-theme="dark"] .st-feat-badge, [data-theme="dark"] .st-web-badge, [data-theme="dark"] .st-app-badge {color: #c1c1c1;background: #101827;}[data-theme="dark"] .web-designer-details h4, [data-theme="dark"] .section-header h2, [data-theme="dark"] .banner-portfolio-header h2, [data-theme="dark"] .support-info-meta h4, [data-theme="dark"] .st-app-title, [data-theme="dark"] .st-review-main-title {color: #8e949d;}[data-theme="dark"] .logo-card h3 {color: #8e949d;}[data-theme="dark"] .st-app-designer-card {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .designer-details-box h4 {color: #8e949d;}[data-theme="dark"] .menu-toggle {color: #8e949d;}[data-theme="dark"] .web-slider-control-bar .st-web-nav, [data-theme="dark"] .st-reviews-navigation .st-review-nav, [data-theme="dark"] .st-phone-control-capsule .st-phone-nav {background-color: #1f2937 !important;border: 1px solid #374151 !important;color: #ffffff !important;}[data-theme="dark"] .st-phone-control-capsule {background: var(--st-bg-primary) !important;border-color: var(--st-border-color) !important;}[data-theme="dark"] .auth-form-side {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .form-header h1 {color: #8e949d;}[data-theme="dark"] .auth-form-box .input-group-modern label {color: #7b8ca7;}[data-theme="dark"] .dashboard-sidebar, [data-theme="dark"] .premium-project-status-widget, [data-theme="dark"] .dashboard-news-section {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .progress-percentage-wrapper {background-color: #1c273e !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .progress-percentage-wrapper .progress-label {color: #7b8ca7;}[data-theme="dark"] .project-widget-title, [data-theme="dark"] .card-box-header h3 {color: #7b8ca7;}[data-theme="dark"] .dash-news-card {background-color: #1c273e !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .dash-news-card h4 a {color: #7b8ca7;}[data-theme="dark"] .status-widget-header, [data-theme="dark"] .card-box-header {border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .step-completed .step-label-text {color: #7b8ca7;}[data-theme="dark"] .dashboard-welcome-card h2 {color: #994acc;}[data-theme="dark"] .dashboard-sidebar .menu-item:hover {background-color: #1c273e !important;}[data-theme="dark"] .dashboard-sidebar .user-brief-info {border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .dashboard-sidebar .logout-item {border-top: 1px solid #1f2937 !important;}[data-theme="dark"] .project-tracker-timeline {background-color: #1c273e !important;}[data-theme="dark"] .step-pending .step-dot-icon {background-color: #1c273e !important;}[data-theme="dark"] .dashboard-card-box {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] #tickets-history-wrapper .db-main-card {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] #tickets-history-wrapper .db-main-card .db-ticket-item {background-color: #1c273e !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] #tickets-history-wrapper .db-main-card .db-ticket-item .tk-title-block h4 {color: #7b8ca7;}[data-theme="dark"] #tickets-history-wrapper .db-main-card .db-ticket-item .tk-code {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] #tickets-history-wrapper .db-filter-tabs {background-color: #1c273e !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] #tickets-history-wrapper .db-filter-tabs .db-tab-btn.active, [data-theme="dark"] #tickets-history-wrapper .db-filter-tabs .db-tab-btn:hover {background-color: #111827 !important;color: #7b8ca7;}[data-theme="dark"] #tickets-history-wrapper .db-header-title h3 {color: #7b8ca7;}[data-theme="dark"] .dashboard-card-box .form-group-dash label {color: #7b8ca7;}[data-theme="dark"] .st-user-profile-dropdown .st-dropdown-menu {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .st-user-profile-dropdown .st-dropdown-menu .st-dropdown-user-header h4 {color: #7b8ca7;}[data-theme="dark"] .st-user-profile-dropdown .st-dropdown-user-header {border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .st-user-profile-dropdown .st-dropdown-wallet-card {background: #1c273e !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .st-user-profile-dropdown .st-wallet-balance .balance-amount {color: #a0b5d5;}[data-theme="dark"] .page-header h1, [data-theme="dark"] .about-text h2 {color: #cbd5e1 !important;}[data-theme="dark"] .avatar-limit-info {background: #1f2937;border: 1px solid #374151 !important;}[data-theme="dark"] #invoices-list-container .table-invoices-list-custom thead tr, [data-theme="dark"] #project-list-container .table-project-list-custom thead tr {background-color: #1c273e !important;}#invoices-list-container .table-invoices-list-custom tbody tr, [data-theme="dark"] #project-list-container .table-project-list-custom tbody tr {border-bottom: 1px solid #374151 !important;}[data-theme="dark"] .slider-btn, [data-theme="dark"] .nav-arrow, [data-theme="dark"] .swiper-button-next, [data-theme="dark"] .swiper-button-prev {background-color: #1f2937 !important;border: 1px solid #374151 !important;color: #ffffff !important;}[data-theme="dark"] .slider-btn:hover, [data-theme="dark"] .nav-arrow:hover, [data-theme="dark"] .swiper-button-next:hover, [data-theme="dark"] .swiper-button-prev:hover {background-color: #6366f1 !important;border-color: #6366f1 !important;}[data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="tel"], [data-theme="dark"] textarea, [data-theme="dark"] .form-group input {background-color: #1f2937 !important;border: 1px solid #374151 !important;color: #bbbbbb !important }[data-theme="dark"] .download-box {background: linear-gradient(135deg, #111827, #1f2937) !important;border-color: #6366f1 !important;}[data-theme="dark"] .download-info-item {background-color: #111827 !important;border-color: #1f2937 !important;}[data-theme="dark"] .download-title, [data-theme="dark"] .dl-file-name {color: #ffffff !important;}[data-theme="dark"] body {background-color: #090d16 !important;color: #cbd5e1 !important;}[data-theme="dark"] .premium-user-dropdown, [data-theme="dark"] .user-dropdown-menu, [data-theme="dark"] .st-user-panel-box, [data-theme="dark"] .st-profile-dropdown {background-color: #111827 !important;border: 1px solid #1f2937 !important;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;}[data-theme="dark"] .user-dropdown-menu a, [data-theme="dark"] .premium-user-dropdown a, [data-theme="dark"] .st-profile-dropdown a {color: #cbd5e1 !important;background: transparent !important;}[data-theme="dark"] .user-dropdown-menu a:hover, [data-theme="dark"] .premium-user-dropdown a:hover, [data-theme="dark"] .st-profile-dropdown a:hover {background-color: #1f2937 !important;color: #ffffff !important;}[data-theme="dark"] .logout-btn, [data-theme="dark"] .user-logout-link, [data-theme="dark"] .st-logout-item a {background-color: rgba(239, 68, 68, 0.1) !important;color: #f87171 !important;border: 1px solid rgba(239, 68, 68, 0.15) !important;}[data-theme="dark"] .logout-btn:hover, [data-theme="dark"] .user-logout-link:hover, [data-theme="dark"] .st-logout-item a:hover {background-color: #ef4444 !important;color: #ffffff !important;}[data-theme="dark"] .logout-btn i, [data-theme="dark"] .user-logout-link i, [data-theme="dark"] .st-logout-item i {color: inherit !important;}[data-theme="dark"] .widget, [data-theme="dark"] .post-card, [data-theme="dark"] .single-post-wrapper, [data-theme="dark"] .blog-item-inner, [data-theme="dark"] .premium-card, [data-theme="dark"] .premium-author-bio-widget {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .widget-title, [data-theme="dark"] .post-title a, [data-theme="dark"] .entry-title, [data-theme="dark"] .post-card h2, [data-theme="dark"] .post-card h3, [data-theme="dark"] .single-post-wrapper h1, [data-theme="dark"] .single-post-wrapper h2 {color: #ffffff !important;}[data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="search"], [data-theme="dark"] input[type="number"], [data-theme="dark"] textarea, [data-theme="dark"] select, [data-theme="dark"] .form-group input, [data-theme="dark"] .input-custom-wrapper input {background-color: #1f2937 !important;border: 1px solid #374151 !important;color: #ffffff !important;}[data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder {color: #64748b !important;}[data-theme="dark"] .comment-node, [data-theme="dark"] .premium-comment-node {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .comment-submit-btn {background-color: #1a263d !important;border: 1px solid #243144 !important;}[data-theme="dark"] .mega-col h3 {color: #8e949d;border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .page-header {background: #101827;}[data-theme="dark"] .cta-text h2 {color: #b3b3b3;}[data-theme="dark"] .cta-text p {color: #8e949d;}[data-theme="dark"] .st-footer-title {color: #94a3b8;}[data-theme="dark"] .menu-list>li>a.active, [data-theme="dark"] .menu-list>li>a:hover {color: #9badc6;}[data-theme="dark"] .contact-form {border: 1px solid #1f2937 !important;}[data-theme="dark"] .form-group label {color: #cbd5e1 !important;}[data-theme="dark"] .contact-info-card {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .contact-info-card p {color: #cbd5e1 !important;}[data-theme="dark"] .hp-designer-info h4 {color: #8e949d;}[data-theme="dark"] .hp-designer-profile {border-bottom: 1px solid #1f2937 !important;}[data-theme="dark"] .hp-brand-title {color: #7085a4;}[data-theme="dark"] .hp-media-holder {background-color: #111827 !important;}[data-theme="dark"] .hp-overlay-details {background-color: #1f2937 !important;}[data-theme="dark"] .hp-portfolio-slide-card:hover .hp-brand-title {color: #b8b8b8 !important }[data-theme="dark"] .hp-case-study-link {color: #b8b8b8 !important }[data-theme="dark"] .sidebar-search-box form {background: #1f2937;border: 1px solid #39486a;}[data-theme="dark"] .sidebar-search-box {background: #1f2937;border: 1px solid #39486a;}[data-theme="dark"] .sidebar-search-box form input {border: 0 !important;}[data-theme="dark"] .blog-layout h2 a {color: #b8b8b8 !important }[data-theme="dark"] .st-dropdown-menu .st-dropdown-links span {color: #7a849a !important;}[data-theme="dark"] .st-dropdown-menu .st-dropdown-arrow-wrapper {background: rgb(16 24 39);border-left: 1px solid #1f2937;border-top: 1px solid #1f2937;}[data-theme="dark"] .logo-card, [data-theme="dark"] .client-logo-item, [data-theme="dark"] .brand-wrapper {background-color: #111827 !important;border: 1px solid #1f2937 !important;}[data-theme="dark"] .logo-card img, [data-theme="dark"] .client-logo-item img {filter: brightness(0.8) contrast(1.2) !important;}[data-theme="dark"] hr, [data-theme="dark"] .section-divider, [data-theme="dark"] .border-bottom-line {border-color: #1f2937 !important;}[data-theme="dark"] {--white: #111827 !important;--light-color: #090d16 !important;--text-color: #cbd5e1 !important;--dark-color: #f8fafc !important;--border-color: #1f2937 !important;--text-muted: #94a3b8 !important;}[data-theme="dark"] body {background-color: #090d16 !important;color: #cbd5e1 !important;}[data-theme="dark"] .user-dropdown-menu, [data-theme="dark"] .premium-user-panel, [data-theme="dark"] .user-profile-nav, [data-theme="dark"] .dropdown-menu, [data-theme="dark"] .sub-menu {background-color: #111827 !important;border: 1px solid #1f2937 !important;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;}[data-theme="dark"] .user-dropdown-menu li a, [data-theme="dark"] .dropdown-menu li a, [data-theme="dark"] .sub-menu li a {color: #cbd5e1 !important;}[data-theme="dark"] .user-dropdown-menu li a:hover, [data-theme="dark"] .dropdown-menu li a:hover, [data-theme="dark"] .sub-menu li a:hover {background-color: #1f2937 !important;color: #ffffff !important;}[data-theme="dark"] .logout-btn, [data-theme="dark"] .user-logout-link {background-color: rgba(239, 68, 68, 0.1) !important;color: #f87171 !important;border: 1px solid rgba(239, 68, 68, 0.2) !important;}[data-theme="dark"] .logout-btn:hover, [data-theme="dark"] .user-logout-link:hover {background-color: #ef4444 !important;color: #ffffff !important;}[data-theme="dark"] .widget, [data-theme="dark"] .post-card, [data-theme="dark"] .main-sidebar .sidebar-box, [data-theme="dark"] .single-post-wrapper, [data-theme="dark"] .premium-card, [data-theme="dark"] .course-card, [data-theme="dark"] .blog-item-inner, [data-theme="dark"] .premium-author-bio-widget {background-color: #111827 !important;border: 1px solid #1f2937 !important;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;}[data-theme="dark"] .widget-title, [data-theme="dark"] .post-title a, [data-theme="dark"] .entry-title, [data-theme="dark"] .post-card h2, [data-theme="dark"] .post-card h3, [data-theme="dark"] .single-post-wrapper h1, [data-theme="dark"] .single-post-wrapper h2, [data-theme="dark"] .single-post-wrapper h3 {color: #f8fafc !important;}[data-theme="dark"] .post-excerpt, [data-theme="dark"] .post-content p, [data-theme="dark"] .widget-content, [data-theme="dark"] .post-meta, [data-theme="dark"] .post-meta span {color: #cbd5e1 !important;}[data-theme="dark"] .slider-btn, [data-theme="dark"] .nav-arrow, [data-theme="dark"] .swiper-button-next, [data-theme="dark"] .swiper-button-prev, [data-theme="dark"] .owl-nav button {background-color: #1f2937 !important;border: 1px solid #374151 !important;color: #ffffff !important;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;}[data-theme="dark"] .slider-btn:hover, [data-theme="dark"] .nav-arrow:hover, [data-theme="dark"] .swiper-button-next:hover, [data-theme="dark"] .swiper-button-prev:hover, [data-theme="dark"] .owl-nav button:hover {background-color: var(--primary-color) !important;border-color: var(--primary-color) !important;color: #ffffff !important;}[data-theme="dark"] .download-box, [data-theme="dark"] .dl-box-wrapper, [data-theme="dark"] .premium-download-area {background: linear-gradient(135deg, #111827, #1f2937) !important;border: 1px solid #374151 !important;}[data-theme="dark"] .download-info-item, [data-theme="dark"] .dl-item-row, [data-theme="dark"] .download-link-card {background-color: #111827 !important;border: 1px solid #1f2937 !important;color: #cbd5e1 !important;}[data-theme="dark"] .download-title, [data-theme="dark"] .dl-file-name {color: #ffffff !important;}[data-theme="dark"] .main-header.scrolled {background-color: rgba(9, 13, 22, 0.75) !important;border-bottom: 1px solid #1f2937 !important;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;}[data-theme="dark"] .mega-menu-wrapper, [data-theme="dark"] .premium-mega-menu {background-color: #111827 !important;border: 1px solid #1f2937 !important;}:root {--st-bg-primary: #f8fafc;--st-bg-card: #ffffff;--st-text-main: #0f172a;--st-text-muted: #64748b;--st-border-color: #e2e8f0;--st-glass-bg: rgba(255, 255, 255, 0.85);}[data-theme="dark"] {--st-bg-primary: #090d16;--st-bg-card: #111827;--st-text-main: #f8fafc;--st-text-muted: #94a3b8;--st-border-color: #1f2937;--st-glass-bg: rgba(17, 24, 39, 0.85);}[data-theme="dark"] .st-toggle-icon-box {transform: rotate(360deg);}[data-theme="dark"] .st-icon-sun {opacity: 0;transform: scale(0.5) rotate(90deg);}[data-theme="dark"] .st-icon-moon {opacity: 1;transform: scale(1) rotate(0deg);}[data-theme="dark"] .st-nav-link {color: var(--st-text-muted);}[data-theme="dark"] .st-nav-link:hover {color: var(--st-text-main);}[data-theme="dark"] .st-step-card-item:hover .st-step-number-glow {color: #1e293b;}[data-theme="dark"] .st-btn-top {background-color: #111827;color: #cbd5e1;border-color: #1f2937;}[data-theme="dark"] .st-online-badge {border-color: #111827;}[data-theme="dark"] .st-support-popup {background: rgba(17, 24, 39, 0.85);border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);}[data-theme="dark"] .st-support-welcome {color: #94a3b8;}[data-theme="dark"] .st-support-action-card {background: #111827;border-color: #1f2937;}[data-theme="dark"] .st-card-text h5 {color: #f8fafc;}[data-theme="dark"] .st-card-text p {color: #94a3b8;}[data-theme="dark"] .st-support-action-card:hover {box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}[data-theme="dark"] .st-support-footer {border-color: #1f2937;}[data-theme="dark"] .article-rich-text .pxl-toc-premium-box {background: rgb(26 35 55) !important;border: 1px solid rgba(255, 255, 255, 0.08);}[data-theme="dark"] .article-rich-text .pxl-toc-premium-box .pxl-toc-header-zone {background: transparent !important;border: 1px solid rgb(255 255 255 / 0%);}[data-theme="dark"] .article-rich-text .pxl-toc-subtitle {color: #94a3b8;}[data-theme="dark"] .article-rich-text .pxl-toc-main-title {color: #cbd5e1;}[data-theme="dark"] .pxl-toc-toggle-btn {background: #111827;border-color: #1f2937;}[data-theme="dark"] .article-rich-text .pxl-premium-links a {background: #101827 !important;border: 1px solid rgb(255 255 255 / 0%);color: #fff;}[data-theme="dark"] .article-rich-text .pxl-premium-links a span {background: #101827 !important;border: 1px solid rgb(255 255 255 / 0%);color: #94a3b8;}[data-theme="dark"] .article-rich-text .pxl-toc-inner-content {padding: 15px 25px 25px 25px;border-top: 1px solid #1f2937 !important;}[data-theme="dark"] .pxl-h2, [data-theme="dark"] .pxl-h3, [data-theme="dark"] .pxl-h4, [data-theme="dark"] .pxl-h5 {color: #4e4997;}[data-theme="dark"] .pxl-section .pxl-table-responsive {border: 1px solid rgb(255 255 255 / 0%);}[data-theme="dark"] .pxl-section .pxl-table-responsive .pxl-custom-table th {background: #1a2338 !important;border: 1px solid rgb(255 255 255 / 0%);}[data-theme="dark"] .pxl-section .pxl-table-responsive .pxl-custom-table td {background: #1f2937 !important;border: 1px solid rgb(255 255 255 / 0%);color: #8e949d;}[data-theme="dark"] .pxl-section .pxl-faq-card {background: rgb(26 35 55) !important;border: 1px solid rgba(255, 255, 255, 0.08);}[data-theme="dark"] .pxl-section .pxl-faq-card button {color: #cbd5e1;}[data-theme="dark"] .pxl-section .pxl-faq-card .pxl-panel-inner {border-top: 1px solid rgba(255, 255, 255, 0.08);}[data-theme="dark"] .pxl-section .pxl-faq-card .pxl-panel-inner p {color: #647286;}[data-theme="dark"] .ab-premium-section, [data-theme="dark"] .ab-cta-section {--ab-text-dark: #f8fafc;--ab-text-gray: #94a3b8;--ab-glass-card-bg: rgba(15, 23, 42, 0.65);--ab-glass-border: rgba(255, 255, 255, 0.07);--ab-card-hover-bg: #1e293b;}[data-theme="dark"] .ab-floating-stat {background: rgba(15, 23, 42, 0.85) !important;border-color: rgba(255, 255, 255, 0.08) !important;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;}[data-theme="dark"] .pb-banner-section {--pb-text-main: #f8fafc;--pb-text-muted: #94a3b8;--pb-card-bg: rgba(15, 23, 42, 0.55);--pb-card-border: rgba(255, 255, 255, 0.06);--pb-nav-bg: rgba(30, 41, 59, 0.7);--pb-nav-border: rgba(255, 255, 255, 0.08);}[data-theme="dark"] .pb-banner-card:hover {box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3) !important;}[data-theme="dark"] .st-banner-showcase {--st-title-color: #f8fafc;--st-desc-color: #94a3b8;--st-box-bg: #111827;--st-box-border: rgba(255, 255, 255, 0.05);--st-nav-bg: #1f2937;}@media (max-width: 480px) {.banner-thumb {height: 280px;}.banner-meta {padding: 18px;}.banner-meta h3 {font-size: 14px;}.back-to-home {top: 25px;right: 25px;}.auth-form-box {max-width: 100%;}.form-header h1 {font-size: 21px;}.input-wrapper input {padding: 12px 42px 12px 15px;font-size: 14px;}.sidebar-menu {flex-direction: row;overflow-x: auto;padding-bottom: 5px;}.menu-item {padding: 10px 14px;white-space: nowrap;font-size: 12.5px;}.logout-item {margin-top: 0;border-top: none;padding-top: 10px;}.dash-news-card {flex-direction: column;}.news-thumb {width: 100%;height: 140px;}.st-step-main-title {font-size: 22px;}.st-step-card-inner {flex-direction: column;gap: 14px;text-align: center;}.st-step-icon-box {margin: 0 auto;}.st-step-text {text-align: center;}.st-steps-timeline-wrapper {padding-right: 0;}.st-steps-connection-line {display: none;}.st-app-title {font-size: 22px;}.st-phone-frame-mockup {width: 260px;height: 530px;}}@media (max-width: 540px) {.st-web-title {font-size: 22px;}.st-macbook-mockup .macbook-screen {border-width: 8px;border-bottom-width: 10px;border-radius: 10px 10px 0 0;}}@media (max-width: 550px) {.card-row {flex-direction: column;}.card-row .card-img-holder {width: 100%;height: 180px;}.header-title-wrap h2 {font-size: 21px;}}@media (max-width: 600px) {.premium-article-card {padding: 25px 20px;}.article-inner-header h1 {font-size: 22px;}.post-share-neon-box, .premium-download-widget, .premium-author-bio-widget {flex-direction: column;align-items: flex-start;gap: 15px;}.dl-widget-btn {width: 100%;justify-content: center;}.premium-comment-form-widget {padding: 25px 20px;}.form-input-group {grid-template-columns: 1fr;}.comment-submit-btn {width: 100%;justify-content: center;}}@media (max-width: 640px) {.support-bar-container {flex-direction: column;align-items: center;text-align: center;}.support-info-meta {flex-direction: column;}.support-action-buttons {width: 100%;flex-direction: column;}.support-btn {width: 100%;justify-content: center;}.studio-footer-grid {grid-template-columns: 1fr;padding-top: 40px;padding-bottom: 40px;}.st-bottom-bar {flex-direction: column;text-align: center;}.st-invoice-wrapper {padding: 20px;margin: 10px;border-radius: 16px;}.st-invoice-header {flex-direction: column;align-items: stretch;}.st-invoice-details {grid-template-columns: 1fr;gap: 15px;}.st-invoice-footer {grid-template-columns: 1fr;gap: 20px;}.st-invoice-logo h2 {font-size: 22px;}.st-invoice-table th, .st-invoice-table td {padding: 10px 8px;font-size: 12px;}.st-total-row.final {font-size: 15px;}}@media (max-width: 680px) {.st-premium-features-section {padding: 60px 0;}.st-feat-grid {grid-template-columns: 1fr !important;gap: 20px;}.st-feat-header {margin-bottom: 40px;}.st-feat-main-title {font-size: 22px;}.st-feat-card-inner {padding: 30px 24px;}}@media (max-width: 768px) {.st-floating-actions {z-index: 1000000 !important;bottom: 100px !important;}.form-row {flex-direction: column;gap: 15px;}.header-container {grid-template-columns: 1fr 1fr;}.nav-menu {position: fixed;top: 70px;left: 0;right: 0;background-color: var(--white);padding: 20px;display: none;justify-self: stretch;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}.nav-menu.open {display: block;}.menu-list {flex-direction: column;align-items: flex-start;gap: 15px;}.menu-toggle {display: block;justify-self: end;position: absolute;left: 0;top: 22px;width: 60px;height: 60px;}.header-cta {display: none !important;width: 100%;display: flex;justify-content: space-between;margin-top: 10px;}.has-mega {position: relative;width: 100%;}.mega-menu {position: relative;box-shadow: none;padding: 10px 0;display: none;}.has-mega:hover .mega-menu {display: block;opacity: 1;visibility: visible;transform: none;}.mega-grid {grid-template-columns: max-content;display: flex;grid-auto-flow: column;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}.slide-grid {grid-template-columns: 1fr;text-align: center;padding-top: 150px;}.slide-content p {margin: 0 auto 20px;}.slide-img img {max-height: 300px;}.about-grid, .contact-grid, .grid-3, .portfolio-grid, .footer-grid, .cta-grid {display: none;width: 100%;display: flex;justify-content: space-between;margin-top: 10px;}.cta-grid {text-align: center;justify-content: center;}.logo-card {flex: 0 0 100%;}.form-grid {grid-template-columns: 1fr;}.comparison-table, .comparison-table thead, .comparison-table tbody, .comparison-table th, .comparison-table td, .comparison-table tr {display: block;}.comparison-table thead tr {position: absolute;top: -9999px;left: -9999px;}.comparison-table tr {border: 1px solid #e2e8f0;border-radius: 16px;margin-bottom: 20px;padding: 10px;background-color: #ffffff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);}.comparison-table td {border: none;border-bottom: 1px solid #f1f5f9;position: relative;padding-left: 50px;text-align: left !important;display: flex;justify-content: space-between;align-items: center;font-size: 13px;}.comparison-table td:last-child {border-bottom: none;}.comparison-table td:first-child {width: 100%;text-align: center;background: #f8fafc;border-radius: 8px;justify-content: center;font-size: 14px;color: var(--primary-color);padding: 10px;margin-bottom: 10px;}.comparison-table td:nth-child(2)::before {content: "پلان هویت پایه:";font-weight: bold;color: var(--text-muted);}.comparison-table td:nth-child(3)::before {content: "پلان رابط کاربری UI:";font-weight: bold;color: var(--text-muted);}.comparison-table td:nth-child(4)::before {content: "پلان پکیج جامع VIP:";font-weight: bold;color: var(--text-muted);}.banner-portfolio-grid {gap: 20px;padding: 30px;}.hp-portfolio-slide-card {flex: 0 0 calc(100% - 0px) !important;}.banner-thumb {height: 300px;}.dashboard-news-grid {grid-template-columns: 1fr;}.dashboard-welcome-card {padding: 25px;}.welcome-text h2 {font-size: 19px;}.premium-policy-section, .premium-faq-section {padding: 50px 0 80px 0;}.policy-page-header h1, .faq-page-header h2 {font-size: 23px;}.policy-card {flex-direction: column;gap: 12px;padding: 22px;}.faq-toggle {padding: 16px 20px;}.faq-toggle span {font-size: 14px;}.faq-panel p {padding: 0 20px 16px 20px;font-size: 13px;}.premium-blog-section {padding: 60px 0;}.blog-section-header {flex-direction: column;align-items: flex-start;gap: 15px;}.blog-view-all {align-self: flex-end;}.design-value-section {padding: 60px 0;}.value-section-header h2 {font-size: 26px;}.value-card h3 {font-size: 18px;}.premium-project-status-widget {padding: 20px;}.project-tracker-timeline {flex-direction: column;align-items: flex-start;height: auto;background: transparent;padding: 0;gap: 35px;border-right: 2px solid #e2e8f0;border-radius: 0;margin-right: 15px;}.tracker-progress-bar-fill {display: none;}.tracker-step {flex-direction: row;gap: 15px;width: 100%;}.step-dot-icon {margin-right: -17px;background: #fff !important;flex-shrink: 0;}.step-completed .step-dot-icon {color: var(--primary-color, #6366f1);border-color: var(--primary-color, #6366f1);}.step-label-text {position: static;font-size: 13px;}.premium-wizard-container {padding: 30px 20px;}.ind-label {display: none;}.form-field-grid-two {grid-template-columns: 1fr;}.st-reviews-header {flex-direction: column;align-items: flex-start;gap: 20px;}.st-reviews-navigation {width: 100%;justify-content: flex-end;}.st-review-card {flex: 0 0 100%;min-width: unset;}.hp-portfolio-header {flex-direction: column;align-items: flex-start;gap: 15px;}.hp-slider-navigation {width: 100%;justify-content: flex-end;}.hp-portfolio-slide-card {flex: 0 0 100%;min-width: unset;}.db-form-grid, .db-form-grid.tri-column {grid-template-columns: 1fr;}.db-form-group.full-width {grid-column: unset;}.db-card-header.space-between {flex-direction: column;align-items: flex-start;}.db-filter-tabs {width: 100%;justify-content: space-between;}.db-tab-btn {flex: 1;text-align: center;}.db-ticket-header-info {flex-direction: column;align-items: flex-start;}.tk-status-meta {width: 100%;flex-direction: column;align-items: flex-start;gap: 12px;border-top: 1px solid #f1f5f9;padding-top: 14px;}.chat-message-row {max-width: 100%;}.reply-form-footer {flex-direction: column;align-items: stretch;}.reply-action-btns {flex-direction: column-reverse;}.reply-action-btns button {width: 100%;justify-content: center;}.db-file-uploader.mini-version {justify-content: center;}.pxl-h2 {font-size: 21px;}.pxl-slider-container {height: 260px;}.pxl-toc-header-zone {flex-direction: column;align-items: flex-start;gap: 15px;}.pxl-toc-toggle-btn {align-self: flex-end;}.pxl-custom-table {font-size: 14px;}}@media (max-width: 850px) {.checkout-container {grid-template-columns: 1fr;height: auto;max-width: 480px;}.checkout-card-side {padding: 30px;}.premium-bank-card {height: 190px;}.card-number-display {font-size: 18px;}.checkout-form-side {padding: 35px 25px;}.portfolio-grid-wrapper {}}@media (max-width: 991px) {.st-mobile-bottom-nav {display: block;position: fixed;bottom: 15px;left: 15px;right: 15px;height: 68px;z-index: 999999 !important;direction: rtl;}.st-mobile-nav-inner {width: 100%;height: 100%;background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 20px;display: flex;align-items: center;justify-content: space-between;padding: 0 15px;box-shadow: 0 12px 35px rgba(15, 23, 42, 0.12);transition: background-color 0.4s, border-color 0.4s, box-shadow 0.4s;}[data-theme="dark"] .st-mobile-nav-inner {background: rgba(17, 24, 39, 0.75);border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);}.st-mobile-nav-user-zone, .st-mobile-nav-theme-zone {flex: 1;display: flex;align-items: center;justify-content: center;}.st-mobile-nav-action-zone {flex: 1.2;display: flex;align-items: center;justify-content: center;}.st-mb-auth-btn {display: flex;flex-direction: column;align-items: center;gap: 4px;text-decoration: none !important;color: #475569;transition: color 0.3s;}[data-theme="dark"] .st-mb-auth-btn {color: #94a3b8;}.st-mb-auth-btn:active {color: #6366f1;}.st-mb-icon-circle {width: 32px;height: 32px;border-radius: 10px;background: rgba(99, 102, 241, 0.08);color: #6366f1;display: flex;align-items: center;justify-content: center;font-size: 15px;transition: all 0.3s;}[data-theme="dark"] .st-mb-icon-circle {background: rgba(255, 255, 255, 0.05);color: #cbd5e1;}.user-avatar-glow {background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(79, 70, 229, 0.15));border: 1px solid rgba(99, 102, 241, 0.3);color: #6366f1 !important;}.st-mb-auth-btn span {font-size: 10.5px;font-weight: 700;}}@media (max-width: 992px) {.st-floating-actions {z-index: 1000000 !important;bottom: 100px !important;}html #wpadminbar {height: 46px;min-width: 240px;position: fixed;}.header-cta {display: none !important;width: 100%;display: flex;justify-content: space-between;margin-top: 10px;}.st-btn-auth-premium .st-btn-content {padding: 10px 16px;font-size: 13px;}.st-btn-project-hero .st-project-btn-content {padding: 10px 20px;font-size: 13px;}.blog-layout {grid-template-columns: 1fr;}.blog-sidebar {position: static;height: auto;}.post-card {grid-template-columns: 1fr;}.post-thumb-wrap {height: 220px;}.comment-list li ul {padding-right: 20px;}.price-card.featured {transform: scale(1);}.price-card.featured:hover {transform: translateY(-8px) scale(1);}.pricing-grid {gap: 40px;}.st-feat-grid {grid-template-columns: repeat(2, 1fr);gap: 24px;}.auth-container {grid-template-columns: 1fr;}.auth-visual-side {display: none;}.auth-form-side {padding: 30px;}.premium-single-grid {grid-template-columns: 1fr;}.sticky-sidebar-wrapper {position: static;}.manager-response {margin-right: 0;}.manager-response::before {display: none;}.value-cards-grid {grid-template-columns: 1fr;gap: 30px;}.value-card {padding: 35px;}.st-steps-timeline-wrapper {flex-direction: column;gap: 35px;padding-right: 25px;}.st-steps-connection-line {top: 20px;bottom: 20px;right: 0;left: auto;width: 2px;height: auto;background: linear-gradient(180deg, #e2e8f0 0%, #cbd5e1 50%, #e2e8f0 100%);}.st-step-card-item {width: 100%;}.st-step-card-inner {text-align: right;display: flex;align-items: flex-start;gap: 20px;padding: 24px;}.st-step-icon-box {margin: 0;flex-shrink: 0;}.st-step-number-glow {top: auto;bottom: 12px;left: 20px;font-size: 48px;}.st-step-text {text-align: right;}.history-table-header {display: none;}.history-table-row {grid-template-columns: 1fr;gap: 16px;padding: 20px;}.td-col {display: flex;justify-content: space-between;align-items: center;font-size: 13px;border-bottom: 1px dashed #f1f5f9;padding-bottom: 10px;}.td-col:last-child {border-bottom: none;padding-bottom: 0;margin-top: 4px;}.td-col::before {content: attr(data-label);font-weight: 700;color: #94a3b8;font-size: 12px;}.td-col.col-name {display: block;border-bottom: 1px solid #f1f5f9;padding-bottom: 14px;}.td-col.col-name::before {display: none;}.table-action-btn {width: 100%;justify-content: center;padding: 10px;}.studio-footer-grid {grid-template-columns: 1fr 1fr;gap: 30px;}.chat-message-row {max-width: 95%;}.st-web-grid-container {flex-direction: column;gap: 50px;}.st-web-device-column, .st-web-content-column {width: 100%;flex: unset;}.st-web-content-column {text-align: center;}.st-web-lead-text {text-align: center;}.st-web-designer-card {text-align: right;max-width: 500px;margin: 0 auto;}.st-app-grid-container {flex-direction: column;gap: 50px;}.st-app-device-column, .st-app-content-column {width: 100%;flex: unset;}.st-app-content-column {text-align: center;}.st-app-lead-text {text-align: center;}.st-app-designer-card {text-align: right;max-width: 500px;margin: 0 auto;}.auth-visual-side {display: none;}.auth-form-side {flex: 1;}}@media (max-width: 1024px) {.header-container {grid-template-columns: max-content;display: flex;grid-auto-flow: column;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}.menu-toggle {display: block;font-size: 24px;cursor: pointer;color: #1e293b;z-index: 1001;background: none;border: none;}.nav-menu {position: fixed;top: 0;right: -100%;width: 85%;max-width: 320px;height: 100vh;background: white;box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1);z-index: 1000;margin: 0;padding: 80px 25px 30px;transition: right 0.3s ease;overflow-y: auto;}.nav-menu.open {right: 0;}.menu-list {flex-direction: column;gap: 20px;align-items: stretch;}.menu-list>li {width: 100%;}.menu-list>li>a {padding: 10px 0;justify-content: space-between;font-size: 16px;}.menu-list>li>a::after {display: none;}.has-mega>a {pointer-events: auto;}.has-mega>a::after {content: '\f078';font-family: 'Font Awesome 6 Free';font-weight: 900;font-size: 12px;transition: transform 0.3s ease;}.has-mega.open>a::after {transform: rotate(180deg);}.mega-menu {position: static;opacity: 1;visibility: visible;display: none;box-shadow: none;padding: 15px 20px;margin-top: 10px;width: 100%;background: #f8fafc;border-radius: 12px;}.has-mega.open .mega-menu {display: block;}.mega-grid {grid-template-columns: 1fr;gap: 20px;}.mega-col h3 {font-size: 15px;margin-bottom: 10px;color: #1e293b;}.mega-col a {display: block;padding: 6px 0;font-size: 13px;}.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}.menu-overlay.active {display: block;}.mobile-menu-container {display: block;}.menu-toggle {z-index: 1002;background: none;border: none;cursor: pointer;font-size: 24px;color: #1e293b;padding: 6px;position: relative;top: 0px;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;}.logo img {position: relative;top: 3px;}.admin-bar .main-header {top: 45px;}.nav-menu {display: none !important;}.mobile-menu {position: fixed;top: 0;right: -100%;width: 85%;max-width: 360px;height: 100vh;background: #ffffff;z-index: 9999999;transition: right 0.3s ease-in-out;display: flex;flex-direction: column;box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);}.mobile-menu.open {right: 0;}.mobile-menu-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid #e2e8f0;background: #ffffff;flex-shrink: 0;}.mobile-menu-logo img {height: 40px;width: auto;}.mobile-menu-close-btn {background: none;border: none;font-size: 28px;cursor: pointer;color: #64748b;padding: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 8px;transition: background 0.2s;}.mobile-menu-close-btn:hover {background: #f1f5f9;}.mobile-menu-body {flex: 1;overflow-y: auto;padding: 20px;}.mobile-menu-list {list-style: none;padding: 0;margin: 0;}.mobile-menu-list>li {border-bottom: 1px solid #f1f5f9;}.mobile-menu-list>li>.mobile-menu-item-wrapper, .mobile-menu-list>li>ul>li>.mobile-menu-item-wrapper {position: relative;}.mobile-menu-list>li.menu-item-has-children .mobile-submenu-toggle {position: absolute;left: 0;top: 0;width: 45px;height: 45px;border: 0;background: none;cursor: pointer;color: #64748b;}.mobile-menu-list>li.menu-item-has-children.open>.mobile-menu-item-wrapper .mobile-submenu-toggle i {transform: rotate(180deg);transition: transform 0.3s ease;}.mobile-menu-list .sub-menu .menu-item-has-children.open>.mobile-menu-item-wrapper .mobile-submenu-toggle i {transform: rotate(180deg);transition: transform 0.3s ease;}.mobile-menu-list>li>a, .mobile-menu-list>li>.mobile-menu-item-wrapper>a {display: flex;justify-content: space-between;align-items: center;padding: 14px 0;color: #1e293b;text-decoration: none;font-size: 16px;font-weight: 500;}.mobile-menu-list .sub-menu {display: none;}.mobile-menu-list .menu-item-has-children.open>.sub-menu {display: block;}.mobile-menu-list>li>.sub-menu {list-style: none;padding: 8px 0;margin: 8px 0 12px 0;background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius: 16px;overflow: hidden;}.mobile-menu-list .sub-menu .sub-menu {padding: 6px 0;margin: 6px 12px 8px 0;background: linear-gradient(135deg, #f1f5f9 0%, #e9eef3 100%);border-radius: 14px;}.mobile-menu-list .sub-menu .sub-menu .sub-menu {background: linear-gradient(135deg, #e9eef3 0%, #e2e8f0 100%);border-radius: 12px;}.mobile-menu-list .sub-menu li {border-bottom: 1px solid rgba(0, 0, 0, 0.05);transition: all 0.2s;display: block;}.mobile-menu-list .sub-menu li:last-child {border-bottom: none;}.mobile-menu-list .sub-menu li:hover {background: rgba(99, 102, 241, 0.04);}.mobile-menu-list .sub-menu a {display: block;padding: 10px 16px;color: #475569;text-decoration: none;font-size: 14px;font-weight: 450;transition: all 0.2s;position: relative;}.mobile-menu-list .sub-menu a::before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 0;background: linear-gradient(135deg, #6366f1, #8b5cf6);border-radius: 3px;transition: height 0.2s ease;}.mobile-menu-list .sub-menu a:hover {color: #6366f1;padding-right: 22px;}.mobile-menu-list .sub-menu a:hover::before {height: 18px;}.mobile-menu-list .sub-menu .sub-menu a {padding: 8px 28px 8px 16px;font-size: 13px;}.mobile-menu-list .sub-menu .sub-menu a:hover {padding-right: 34px;}.mobile-menu-list .sub-menu .sub-menu .sub-menu a {padding: 7px 40px 7px 16px;font-size: 12.5px;}.mobile-menu-list .sub-menu .mobile-submenu-toggle {width: 40px;height: 40px;color: #94a3b8;}.mobile-menu-list .sub-menu .mobile-submenu-toggle:hover {color: #6366f1;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(-8px);}to {opacity: 1;transform: translateY(0);}}.mobile-menu-list .menu-item-has-children.open>.sub-menu {animation: fadeInUp 0.25s ease-out;}.mobile-menu-list .mega-menu {display: none !important;position: static !important;padding: 16px !important;margin-top: 10px !important;margin-bottom: 12px !important;background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;border-radius: 20px !important;width: 100% !important;}.mobile-menu-list .has-mega.open>.mega-menu {display: block !important;animation: fadeInUp 0.25s ease-out !important;}.mobile-menu-list .mega-grid {display: flex !important;flex-direction: column !important;gap: 20px !important;}.mobile-menu-list .mega-col {background: rgba(255, 255, 255, 0.6);padding: 12px;border-radius: 14px;transition: all 0.2s;}.mobile-menu-list .mega-col:hover {background: rgba(255, 255, 255, 0.9);transform: translateX(-4px);}.mobile-menu-list .mega-col h3 {font-size: 14px !important;margin-bottom: 12px !important;padding-bottom: 8px;color: #1e293b !important;display: flex !important;align-items: center !important;gap: 8px !important;border-bottom: 2px solid #e2e8f0;}.mobile-menu-list .mega-col h3 i {color: #6366f1;font-size: 16px;}.mobile-menu-list .mega-col a {display: block !important;padding: 7px 0 7px 12px !important;margin: 2px 0;font-size: 13px !important;color: #475569 !important;text-decoration: none !important;border-radius: 8px;transition: all 0.2s !important;}.mobile-menu-list .mega-col a:hover {color: #6366f1 !important;background: rgba(99, 102, 241, 0.08);padding-right: 20px !important;}.mobile-menu-footer {padding: 20px;border-top: 1px solid #e2e8f0;background: #f8fafc;flex-shrink: 0;}.mobile-user-card {display: flex;align-items: center;gap: 12px;padding: 12px;background: #ffffff;border-radius: 16px;margin-bottom: 15px;transition: all 0.2s;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);}.mobile-user-card:hover {transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);}.mobile-user-avatar img {width: 48px;height: 48px;border-radius: 50%;object-fit: cover;border: 2px solid #e2e8f0;}.mobile-user-info {flex: 1;}.mobile-user-name {font-weight: 600;color: #1e293b;margin-bottom: 4px;}.mobile-user-balance {font-size: 13px;color: #10b981;font-weight: 500;}.mobile-login-btn, .mobile-logout-btn {display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 14px;background: linear-gradient(135deg, #6366f1, #8b5cf6);color: white;text-decoration: none;border-radius: 16px;font-weight: 600;border: none;cursor: pointer;transition: all 0.2s;}.mobile-logout-btn {background: linear-gradient(135deg, #ef4444, #dc2626);}.mobile-login-btn:hover, .mobile-logout-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(99, 102, 241, 0.3);}.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(3px);z-index: 9999999;display: none;}.mobile-menu-overlay.active {display: block;}.db-ticket-item {flex-direction: column;align-items: flex-start;gap: 12px;}.tk-meta {width: 100%;}.tk-details {width: 100%;justify-content: flex-start;padding-left: 0;border-top: 1px dashed #e2e8f0;padding-top: 10px;}.tk-action {width: 100%;}.db-btn-outline {width: 100%;justify-content: center;}.blog-cards-grid {grid-template-columns: 1fr;}.card-row {height: auto;}.grid-3, .portfolio-grid {grid-template-columns: 1fr 1fr !important;}.footer-grid {grid-template-columns: 1fr 1fr;}.ui-card, .testimonial-box .testimonial-card {flex: 0 0 100%;}.logo-card {flex: 0 0 calc(50% - 15px);}.dashboard-grid {grid-template-columns: 1fr;gap: 25px;}.dashboard-row-split {grid-template-columns: 1fr;}.contact-section .contact-grid {width: 100%;display: flex;flex-direction: column;}.st-namad-box {padding: 5px 0px 5px 0px;}}@media (min-width: 1025px) {.menu-toggle {display: none !important;}.mobile-menu-container, .mobile-menu-overlay {display: none !important;}.nav-menu {display: block !important;}.menu-toggle {display: none !important;}}@media (max-width: 1100px) {.st-review-card {flex: 0 0 calc(50% - 15px);}.hp-portfolio-slide-card {flex: 0 0 calc(50% - 15px);}}@media (min-width: 992px) {.ab-premium-section {padding: 90px 0 !important;}.ab-grid {display: grid !important;grid-template-columns: 1.2fr 1fr !important;gap: 60px !important;align-items: center !important;}.ab-image-block {order: 0 !important;}.ab-main-title {font-size: 40px !important;}.ab-feature-card {align-items: center !important;padding: 20px !important;}.ab-floating-stat {right: -25px !important;bottom: 30px !important;}.ab-cta-glass-card {display: grid !important;grid-template-columns: 1.5fr 1fr !important;padding: 50px !important;gap: 40px !important;}.ab-cta-info h2 {font-size: 32px !important;}.ab-cta-action {align-items: flex-start !important;}}@media (max-width: 768px) {.pb-banner-section {padding: 50px 0 !important;}.pb-section-header {flex-direction: column !important;align-items: flex-start !important;gap: 20px !important;margin-bottom: 30px !important;}.pb-header-title h2 {font-size: 25px !important;}.pb-header-title p {font-size: 13.5px !important;}.pb-slider-controls {align-self: flex-end !important;}}@media (max-width: 480px) {.pb-container {padding: 0 16px !important;}.pb-banner-card {padding: 12px !important;border-radius: 20px !important;}.pb-card-meta h3 {font-size: 15.5px !important;}}@media (max-width: 600px) {.st-banner-header {flex-direction: column !important;align-items: flex-start !important;gap: 12px !important;}.st-banner-nav {align-self: flex-end !important;}.st-banner-card-item {flex: 0 0 calc(100vw - 48px) !important;width: calc(100vw - 48px) !important;}.st-banner-media {height: 340px !important;}}@media (max-width: 480px) {.home-banner-portfolio-section .hp-portfolio-slide-card {flex: 0 0 calc(100vw - 48px) !important;width: calc(100vw - 48px) !important;}.home-banner-portfolio-section .hp-media-holder {height: 350px !important;}}