:root {--ct-primary: #5B3DF5;--ct-primary-dark: #4A2FC7;--ct-secondary: #4F7BFF;--ct-gradient: linear-gradient(135deg, #5B3DF5, #4F7BFF);--ct-gradient-hover: linear-gradient(135deg, #4A2FC7, #3B6AFF);--ct-dark: #0F1326;--ct-text-dark: #1D2433;--ct-text-muted: #6B7280;--ct-text-light: #9AA3B5;--ct-white: #FFFFFF;--ct-bg: #F7F8FC;--ct-border: #E9ECF5;--ct-shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.04);--ct-shadow-md: 0 8px 30px rgba(91, 61, 245, 0.08);--ct-shadow-lg: 0 20px 60px rgba(91, 61, 245, 0.12);--ct-radius-sm: 12px;--ct-radius-md: 18px;--ct-radius-lg: 24px;--ct-radius-xl: 32px;}.contact-page-body {font-family: 'Plus Jakarta Sans', sans-serif;background: var(--ct-bg);overflow-x: hidden;padding-bottom: 0;}.ct-hero-section {padding: 80px 0 60px;background: var(--ct-white);text-align: center;position: relative;overflow: hidden;border-bottom: 1px solid var(--ct-border);padding-top: 8rem;}.ct-hero-section::before {content: '';position: absolute;top: -50%;right: -20%;width: 500px;height: 500px;background: radial-gradient(circle, rgba(91, 61, 245, 0.04) 0%, transparent 70%);border-radius: 50%;pointer-events: none;}.ct-hero-section::after {content: '';position: absolute;bottom: -30%;left: -10%;width: 400px;height: 400px;background: radial-gradient(circle, rgba(79, 123, 255, 0.04) 0%, transparent 70%);border-radius: 50%;pointer-events: none;}.ct-hero-wrap {position: relative;z-index: 2;max-width: 700px;margin: 0 auto;}.ct-hero-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(91, 61, 245, 0.08);color: var(--ct-primary);padding: 6px 20px;border-radius: 50px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 16px;}.ct-hero-badge i {font-size: 14px;}.ct-hero-title {font-size: 40px;font-weight: 800;color: var(--ct-text-dark);margin-bottom: 12px;}.ct-hero-title .ct-gradient-text {background: var(--ct-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.ct-hero-sub {font-size: 17px;color: var(--ct-text-muted);max-width: 520px;margin: 0 auto;line-height: 1.7;}.ct-info-section {padding: 50px 0 40px;background: var(--ct-bg);}@media (max-width: 576px) {.ct-info-section {padding: 20px 0 0 !important;}.ct-form-section {padding: 20px 0 20px !important;}.ct-help-section {padding: 20px 0 !important;}.ct-faq-section {padding: 20px 0 !important;}.ct-connect-section {padding: 20px 0 20px !important;}}.ct-info-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}.ct-info-card {background: var(--ct-white);border-radius: var(--ct-radius-md);padding: 28px 20px 24px;border: 1px solid var(--ct-border);text-align: center;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow: var(--ct-shadow-sm);}.ct-info-card:hover {transform: translateY(-6px);box-shadow: var(--ct-shadow-lg);border-color: var(--ct-primary);}.ct-info-card .ct-info-icon {width: 56px;height: 56px;border-radius: 50%;background: rgba(91, 61, 245, 0.08);display: flex;align-items: center;justify-content: center;margin: 0 auto 14px;font-size: 24px;color: var(--ct-primary);transition: all 0.4s ease;}.ct-info-card:hover .ct-info-icon {background: var(--ct-gradient);color: var(--ct-white);transform: scale(1.05);}.ct-info-card h4 {font-size: 16px;font-weight: 700;color: var(--ct-text-dark);margin-bottom: 4px;}.ct-info-card p {font-size: 14px;color: var(--ct-text-muted);margin: 0;line-height: 1.6;}.ct-info-card a {color: var(--ct-primary);text-decoration: none;font-weight: 500;}.ct-info-card a:hover {text-decoration: underline;}.ct-form-section {padding: 40px 0 60px;background: var(--ct-bg);}.ct-form-wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: start;background: var(--ct-white);border-radius: var(--ct-radius-lg);padding: 50px;border: 1px solid var(--ct-border);box-shadow: var(--ct-shadow-sm);}.ct-form-left h3 {font-size: 26px;font-weight: 800;color: var(--ct-text-dark);margin-bottom: 8px;}.ct-form-left h3 .ct-gradient-text {background: var(--ct-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.ct-form-left .ct-form-desc {font-size: 14px;color: var(--ct-text-muted);margin-bottom: 24px;line-height: 1.7;}.ct-form-group {margin-bottom: 16px;}.ct-form-group label {font-size: 13px;font-weight: 600;color: var(--ct-text-dark);display: block;margin-bottom: 4px;}.ct-form-group label .ct-required {color: #EF4444;}.ct-form-group .ct-form-control {width: 100%;padding: 11px 16px;border-radius: var(--ct-radius-sm);border: 2px solid var(--ct-border);font-size: 14px;font-family: inherit;color: var(--ct-text-dark);transition: all 0.3s ease;background: var(--ct-bg);}.ct-form-group .ct-form-control:focus {border-color: var(--ct-primary);outline: none;box-shadow: 0 0 0 3px rgba(91, 61, 245, 0.1);background: var(--ct-white);}.ct-form-group .ct-form-control::placeholder {color: var(--ct-text-light);}.ct-form-group textarea.ct-form-control {resize: vertical;min-height: 120px;}.ct-form-group .ct-form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}.ct-form-btn {padding: 13px 36px;border-radius: 50px;background: var(--ct-gradient);color: var(--ct-white);font-weight: 700;font-size: 15px;border: none;cursor: pointer;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow: 0 8px 30px rgba(91, 61, 245, 0.25);display: inline-flex;align-items: center;gap: 10px;}.ct-form-btn:hover {transform: translateY(-3px);box-shadow: 0 12px 40px rgba(91, 61, 245, 0.35);}.ct-form-btn:disabled {opacity: 0.7;cursor: not-allowed;transform: none !important;}.ct-form-right {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;background: var(--ct-bg);border-radius: var(--ct-radius-md);border: 1px solid var(--ct-border);text-align: center;min-height: 300px;}.ct-form-right .ct-support-icon {font-size: 64px;color: var(--ct-primary);margin-bottom: 16px;display: block;}.ct-form-right h4 {font-size: 20px;font-weight: 700;color: var(--ct-text-dark);margin-bottom: 6px;}.ct-form-right p {font-size: 14px;color: var(--ct-text-muted);max-width: 300px;margin: 0 auto 20px;line-height: 1.6;}.ct-form-right .ct-support-features {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px 20px;}.ct-form-right .ct-support-features span {display: flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 500;color: var(--ct-text-dark);}.ct-form-right .ct-support-features span i {color: #2ECC71;}.ct-help-section {padding: 60px 0;background: var(--ct-white);border-top: 1px solid var(--ct-border);}.ct-help-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 30px;}.ct-help-card {background: var(--ct-bg);border-radius: var(--ct-radius-sm);padding: 24px 20px;border: 1px solid var(--ct-border);text-align: center;transition: all 0.3s ease;}.ct-help-card:hover {border-color: var(--ct-primary);transform: translateY(-4px);box-shadow: var(--ct-shadow-sm);}.ct-help-card .ct-help-icon {font-size: 32px;color: var(--ct-primary);display: block;margin-bottom: 10px;}.ct-help-card h5 {font-size: 15px;font-weight: 700;color: var(--ct-text-dark);margin-bottom: 4px;}.ct-help-card p {font-size: 13px;color: var(--ct-text-muted);margin: 0;line-height: 1.5;}.ct-faq-section {padding: 60px 0;background: var(--ct-bg);}.ct-faq-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 16px 30px;margin-top: 30px;max-width: 900px;margin-left: auto;margin-right: auto;}.ct-faq-item {border-bottom: 1px solid var(--ct-border);padding: 14px 0;}.ct-faq-item .ct-faq-question {display: flex;justify-content: space-between;align-items: center;cursor: pointer;font-weight: 600;font-size: 15px;color: var(--ct-text-dark);transition: all 0.3s ease;user-select: none;}.ct-faq-item .ct-faq-question:hover {color: var(--ct-primary);}.ct-faq-item .ct-faq-question i {font-size: 18px;color: var(--ct-primary);transition: transform 0.3s ease;}.ct-faq-item .ct-faq-question i.open {transform: rotate(180deg);}.ct-faq-item .ct-faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.4s ease, padding 0.3s ease;color: var(--ct-text-muted);font-size: 14px;line-height: 1.7;}.ct-faq-item .ct-faq-answer.open {max-height: 300px;padding-top: 10px;}.ct-connect-section {padding: 50px 0 60px;background: var(--ct-white);border-top: 1px solid var(--ct-border);}.ct-connect-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 30px;}.ct-connect-card {background: var(--ct-bg);border-radius: var(--ct-radius-sm);padding: 24px 16px;border: 1px solid var(--ct-border);text-align: center;transition: all 0.3s ease;text-decoration: none;color: var(--ct-text-dark);}.ct-connect-card:hover {transform: translateY(-4px);box-shadow: var(--ct-shadow-md);border-color: var(--ct-primary);}.ct-connect-card .ct-connect-icon {font-size: 36px;color: var(--ct-primary);display: block;margin-bottom: 8px;}.ct-connect-card .ct-connect-icon.facebook {color: #1877F2;}.ct-connect-card .ct-connect-icon.instagram {color: #E4405F;}.ct-connect-card .ct-connect-icon.youtube {color: #FF0000;}.ct-connect-card .ct-connect-icon.linkedin {color: #0A66C2;}.ct-connect-card h5 {font-size: 15px;font-weight: 700;color: var(--ct-text-dark);margin-bottom: 2px;}.ct-connect-card p {font-size: 13px;color: var(--ct-text-muted);margin: 0;}.ct-cta-section {padding: 60px 0;background: var(--ct-dark);text-align: center;position: relative;overflow: hidden;}.ct-cta-section::before {content: '';position: absolute;top: -50%;right: -20%;width: 500px;height: 500px;background: radial-gradient(circle, rgba(91, 61, 245, 0.15) 0%, transparent 70%);border-radius: 50%;pointer-events: none;}.ct-cta-section::after {content: '';position: absolute;bottom: -30%;left: -10%;width: 400px;height: 400px;background: radial-gradient(circle, rgba(79, 123, 255, 0.1) 0%, transparent 70%);border-radius: 50%;pointer-events: none;}.ct-cta-wrap {position: relative;z-index: 2;max-width: 600px;margin: 0 auto;}.ct-cta-title {font-size: 32px;font-weight: 800;color: var(--ct-white);margin-bottom: 10px;}.ct-cta-title .ct-gradient-text {background: var(--ct-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.ct-cta-desc {font-size: 16px;color: rgba(255, 255, 255, 0.7);max-width: 480px;margin: 0 auto 24px;line-height: 1.7;}.ct-cta-btn {padding: 14px 40px;border-radius: 50px;background: var(--ct-gradient);color: var(--ct-white);font-weight: 700;font-size: 15px;text-decoration: none;display: inline-flex;align-items: center;gap: 10px;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow: 0 8px 30px rgba(91, 61, 245, 0.3);border: none;cursor: pointer;}.ct-cta-btn:hover {transform: translateY(-4px) scale(1.02);box-shadow: 0 16px 50px rgba(91, 61, 245, 0.4);color: var(--ct-white);}.custom-modal-overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 9999;align-items: center;justify-content: center;backdrop-filter: blur(4px);}.custom-modal-overlay.show {display: flex;}.custom-modal {background: white;border-radius: 24px;padding: 40px 30px 30px;max-width: 420px;width: 90%;text-align: center;animation: modalSlideUp 0.4s ease;box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);}@keyframes modalSlideUp {from {transform: translateY(30px) scale(0.95);opacity: 0;}to {transform: translateY(0) scale(1);opacity: 1;}}.custom-modal .modal-icon {width: 80px;height: 80px;border-radius: 50%;background: linear-gradient(135deg, #10B981, #34D399);display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;font-size: 40px;color: white;box-shadow: 0 12px 40px rgba(16, 185, 129, 0.3);}.custom-modal .modal-title {font-size: 24px;font-weight: 800;color: #1A1A2E;margin-bottom: 8px;}.custom-modal .modal-message {font-size: 15px;color: #6B7280;line-height: 1.6;margin-bottom: 24px;}.custom-modal .modal-btn {padding: 10px 40px;border-radius: 50px;background: linear-gradient(135deg, #5B3DF5, #4F7BFF);color: white;border: none;font-weight: 700;font-size: 14px;cursor: pointer;transition: all 0.3s ease;}.custom-modal .modal-btn:hover {transform: translateY(-3px);box-shadow: 0 8px 30px rgba(91, 61, 245, 0.3);}@media (max-width: 1199px) {.ct-info-grid, .ct-help-grid, .ct-connect-grid {grid-template-columns: repeat(2, 1fr);gap: 16px;}}@media (max-width: 991px) {.ct-form-wrap {grid-template-columns: 1fr;gap: 30px;padding: 30px;}.ct-form-right {min-height: auto;padding: 30px;}.ct-hero-title {font-size: 32px;}.ct-faq-grid {grid-template-columns: 1fr;max-width: 100%;}}@media (max-width: 767px) {.ct-hero-section {padding: 50px 0 40px;padding-top: 5rem;}.ct-hero-title {font-size: 26px;}.ct-hero-sub {font-size: 15px;padding: 0 10px;}.ct-info-grid {grid-template-columns: 1fr 1fr;gap: 12px;}.ct-info-card {padding: 20px 14px 18px;}.ct-info-card .ct-info-icon {width: 44px;height: 44px;font-size: 20px;margin-bottom: 10px;}.ct-info-card h4 {font-size: 14px;}.ct-info-card p {font-size: 12px;}.ct-form-wrap {padding: 20px;border-radius: var(--ct-radius-md);}.ct-form-left h3 {font-size: 20px;}.ct-form-group .ct-form-row {grid-template-columns: 1fr;gap: 0;}.ct-form-btn {width: 100%;justify-content: center;padding: 12px 24px;font-size: 14px;}.ct-form-right .ct-support-icon {font-size: 48px;}.ct-form-right h4 {font-size: 18px;}.ct-help-grid {grid-template-columns: 1fr 1fr;gap: 12px;}.ct-help-card {padding: 18px 14px;}.ct-help-card .ct-help-icon {font-size: 26px;}.ct-help-card h5 {font-size: 13px;}.ct-help-card p {font-size: 12px;}.ct-connect-grid {grid-template-columns: 1fr 1fr;gap: 12px;}.ct-connect-card {padding: 18px 12px;}.ct-connect-card .ct-connect-icon {font-size: 28px;}.ct-connect-card h5 {font-size: 13px;}.ct-connect-card p {font-size: 11px;}.ct-faq-item .ct-faq-question {font-size: 13px;}.ct-faq-item .ct-faq-answer {font-size: 13px;}.ct-cta-title {font-size: 24px;}.ct-cta-desc {font-size: 14px;}.ct-cta-btn {padding: 12px 30px;font-size: 14px;width: 100%;justify-content: center;}.custom-modal {padding: 30px 20px 20px;}.custom-modal .modal-icon {width: 64px;height: 64px;font-size: 32px;}.custom-modal .modal-title {font-size: 20px;}.custom-modal .modal-message {font-size: 14px;}}@media (max-width: 480px) {.ct-info-grid {grid-template-columns: 1fr 1fr;gap: 10px;}.ct-info-card {padding: 16px 12px 14px;}.ct-info-card .ct-info-icon {width: 38px;height: 38px;font-size: 17px;margin-bottom: 8px;}.ct-info-card h4 {font-size: 12px;}.ct-info-card p {font-size: 11px;}.ct-help-grid {grid-template-columns: 1fr 1fr;gap: 10px;}.ct-help-card {padding: 14px 10px;}.ct-help-card .ct-help-icon {font-size: 22px;margin-bottom: 6px;}.ct-help-card h5 {font-size: 12px;}.ct-help-card p {font-size: 11px;}.ct-connect-grid {grid-template-columns: 1fr 1fr;gap: 10px;}.ct-connect-card {padding: 14px 10px;}.ct-connect-card .ct-connect-icon {font-size: 24px;margin-bottom: 4px;}.ct-connect-card h5 {font-size: 12px;}.ct-connect-card p {font-size: 10px;}.ct-form-wrap {padding: 14px;}.ct-form-left h3 {font-size: 18px;}.ct-form-group .ct-form-control {padding: 9px 12px;font-size: 13px;}.ct-form-group textarea.ct-form-control {min-height: 100px;}.ct-cta-title {font-size: 20px;}.ct-cta-desc {font-size: 13px;}.ct-hero-title {font-size: 22px;}.ct-hero-sub {font-size: 13px;}.custom-modal .modal-icon {width: 56px;height: 56px;font-size: 28px;}.custom-modal .modal-title {font-size: 18px;}.custom-modal .modal-message {font-size: 13px;}.custom-modal .modal-btn {padding: 8px 28px;font-size: 13px;width: 100%;}}@media (hover: none) {.ct-info-card:hover {transform: none;box-shadow: var(--ct-shadow-sm);border-color: var(--ct-border);}.ct-info-card:hover .ct-info-icon {background: rgba(91, 61, 245, 0.08);color: var(--ct-primary);transform: none;}.ct-help-card:hover {transform: none;border-color: var(--ct-border);box-shadow: none;}.ct-connect-card:hover {transform: none;box-shadow: none;border-color: var(--ct-border);}.ct-form-btn:hover {transform: none;box-shadow: 0 8px 30px rgba(91, 61, 245, 0.25);}.ct-cta-btn:hover {transform: none;box-shadow: 0 8px 30px rgba(91, 61, 245, 0.3);color: var(--ct-white);}.ct-faq-item .ct-faq-question:hover {color: var(--ct-text-dark);}}