:root{--ff-purple: #6C40E5;--ff-green: #53D58B;--ff-white: #FFFFFF;--ff-black-blue: #0F172A;--stripe-bg-primary: #ffffff;--stripe-bg-secondary: #f7f9fc;--stripe-bg-tertiary: #e6ebf1;--stripe-border-primary: #e3e8ee;--stripe-border-secondary: #c7d2dd;--stripe-text-primary: #0a2540;--stripe-text-secondary: #425466;--stripe-text-tertiary: #8792a2;--stripe-text-quaternary: #8898aa;--ff-base-0: #FFFFFF;--ff-base-20: #F8FAFD;--ff-base-40: #F1F5F9;--ff-base-60: #E8F0F5;--ff-base-80: #E2E8F0;--ff-base-100: #CBD5E1;--ff-base-200: #94A3B8;--ff-base-300: #64748B;--ff-base-400: #475569;--ff-base-500: #94A3B8;--ff-base-600: #B191AA;--ff-base-700: #475569;--ff-base-800: #64748B;--ff-base-820: #475569;--ff-base-840: #334155;--ff-base-860: #1E293B;--ff-base-880: #0F172A;--ff-base-900: #000000;--ff-washed-green: #F1FCF5;--ff-washed-purple: #F4F4FE;--font-museo: 'Museo',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--font-inter: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);}@font-face{font-family: 'Museo';font-display: swap;}@font-face{font-family: 'Inter';font-display: swap;}*{box-sizing: border-box;margin: 0;padding: 0;}html{font-size: 16px;line-height: 1.5;scroll-behavior: smooth;}body{font-family: var(--font-inter);font-size: 16px;line-height: 24px;font-weight: 400;color: var(--stripe-text-primary);background-color: var(--stripe-bg-primary);background-image: url('../images/SupportBG.png');background-repeat: no-repeat;background-position: right 0 top 380px;background-size: 17%;background-attachment: scroll;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.display-large{font-family: var(--font-museo);font-size: 64px;line-height: 72px;font-weight: 700;}.display-medium{font-family: var(--font-museo);font-size: 56px;line-height: 64px;font-weight: 700;}.display-small{font-family: var(--font-museo);font-size: 40px;line-height: 48px;font-weight: 700;}.heading-xl{font-family: var(--font-museo);font-size: 48px;line-height: 72px;font-weight: 600;}.heading-l{font-family: var(--font-museo);font-size: 40px;line-height: 60px;font-weight: 600;}.heading-m{font-family: var(--font-museo);font-size: 32px;line-height: 48px;font-weight: 700;}.heading-s{font-family: var(--font-museo);font-size: 24px;line-height: 36px;font-weight: 700;}.heading-xs{font-family: var(--font-museo);font-size: 18px;line-height: 27px;font-weight: 700;}.text-bold{font-size: 16px;line-height: 24px;font-weight: 700;}.text-regular{font-size: 16px;line-height: 24px;font-weight: 500;}.text-s{font-size: 14px;line-height: 21px;font-weight: 500;}.text-xs{font-size: 12px;line-height: 18px;font-weight: 500;}.container{max-width: 1000px;margin: 0 auto;padding: 0 20px;}.main-layout{display: grid;grid-template-columns: 1fr 300px;gap: 80px;align-items: start;}.content-area{min-width: 0;}.header{border-bottom: 1px solid var(--stripe-border-primary);background: var(--stripe-bg-primary);position: sticky;top: 0;z-index: 100;backdrop-filter: blur(8px);}.header-content{display: flex;align-items: center;justify-content: space-between;height: 80px;}.logo{display: flex;align-items: center;text-decoration: none;color: var(--stripe-text-primary);transition: opacity 0.15s ease;}.logo:hover{opacity: 0.8;}.logo img{height: 32px;width: auto;}.header-search{flex: 1;max-width: 400px;margin: 0 32px;}.search-form{display: flex;align-items: center;background: var(--stripe-bg-primary);border: 1px solid var(--stripe-border-primary);border-radius: 6px;transition: border-color 0.15s ease,box-shadow 0.15s ease;position: relative;}.search-form:focus-within{border-color: var(--ff-purple);box-shadow: 0 0 0 3px rgba(98,79,255,0.1);}.search-icon-header{width: 16px;height: 16px;color: var(--stripe-text-tertiary);margin-left: 12px;pointer-events: none;flex-shrink: 0;}.search-input-header{flex: 1;border: none;background: transparent;padding: 8px 8px 8px 8px;font-size: 14px;line-height: 20px;color: var(--stripe-text-primary);outline: none;font-family: var(--font-inter);}.search-input-header::placeholder{color: var(--stripe-text-tertiary);}.search-button-header{background: transparent;border: none;padding: 8px 12px;color: var(--ff-purple);font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.15s ease;font-family: var(--font-inter);white-space: nowrap;}.search-button-header:hover{color: var(--ff-base-880);}.nav-links{display: flex;align-items: center;gap: 16px;}.nav-link{color: var(--stripe-text-secondary);text-decoration: none;font-weight: 400;transition: color 0.15s ease;font-size: 14px;}.nav-link:hover{color: var(--stripe-text-primary);}.button{display: inline-flex;align-items: center;justify-content: center;padding: 10px 16px;border-radius: 6px;font-weight: 500;text-decoration: none;transition: all 0.15s ease;cursor: pointer;border: 1px solid;font-size: 14px;line-height: 20px;white-space: nowrap;}.button-secondary{background: var(--stripe-bg-primary);color: var(--stripe-text-primary);border-color: var(--stripe-border-secondary);}.button-secondary:hover{background: var(--stripe-bg-secondary);border-color: var(--stripe-border-secondary);}.button-primary{background: var(--stripe-text-primary);color: var(--stripe-bg-primary);border-color: var(--stripe-text-primary);}.button-primary:hover{background: var(--ff-base-800);border-color: var(--ff-base-800);}.main-content{padding: 0;}.hero-section{background: var(--stripe-bg-primary);padding: 0;text-align: left;}.page-title{font-family: var(--font-inter);font-size: 32px;line-height: 40px;font-weight: 600;color: var(--stripe-text-primary);margin: 39px 0 16px 0;letter-spacing: -0.02em;}.article-tags-section{margin-bottom: 24px;}.article-tag-link{color: var(--ff-purple);text-decoration: none;font-size: 16px;line-height: 24px;font-weight: 500;transition: color 0.15s ease;}.article-tag-link:hover{color: var(--ff-base-880);}.search-container{margin-bottom: 44px;}.search-input-wrapper{position: relative;max-width: 720px;}.search-input{width: 100%;padding: 16px 16px 16px 56px;border: 1px solid var(--stripe-border-primary);border-radius: 8px;font-size: 16px;line-height: 24px;font-weight: 400;background: var(--stripe-bg-primary);transition: all 0.15s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.04);}.search-input::placeholder{color: var(--stripe-text-quaternary);font-weight: 400;}.search-input:focus{outline: none;border-color: var(--stripe-border-secondary);box-shadow: 0 2px 8px rgba(0,0,0,0.08),0 0 0 1px var(--stripe-border-secondary);}.search-icon{position: absolute;left: 18px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;color: var(--stripe-text-tertiary);stroke-width: 1.5;}.search-results-dropdown{position: absolute;top: calc(100% + 4px);left: 0;right: 0;background: var(--stripe-bg-primary);border: 1px solid var(--stripe-border-primary);border-radius: 8px;box-shadow: 0 8px 24px rgba(0,0,0,0.12),0 4px 8px rgba(0,0,0,0.04);max-height: 480px;overflow-y: auto;z-index: 50;padding: 8px 0;}.search-results-dropdown .dropdown-result{padding: 12px 16px;cursor: pointer;transition: background-color 0.15s ease;border-radius: 0;}.search-results-dropdown .dropdown-result:hover{background-color: var(--stripe-bg-secondary);margin: 0;border-radius: 0;}.popular-articles{background: var(--stripe-bg-primary);padding: 0 0 32px 0;}.popular-articles .heading-s{font-size: 20px;font-weight: 600;color: var(--stripe-text-primary);margin-bottom: 12px;letter-spacing: -0.01em;}.category-description{color: var(--stripe-text-secondary);font-size: 16px;line-height: 24px;margin: 0 0 32px 0;max-width: 720px;}.article-list{list-style: none;margin: 0;padding: 0;}.article-item{display: flex;align-items: flex-start;gap: 16px;padding: 12px 0;transition: all 0.15s ease;cursor: pointer;}.article-item:hover{}.article-icon{width: 20px;height: 20px;background: var(--ff-purple);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--ff-white);font-size: 12px;font-weight: 600;flex-shrink: 0;margin-top: 2px;transition: background-color 0.15s ease;}.article-item:hover .article-icon{background: var(--ff-base-880);}.category-icon{background: var(--ff-purple);}.article-content{flex: 1;min-width: 0;}.article-title{color: var(--ff-purple);text-decoration: none;font-weight: 600;font-size: 16px;line-height: 24px;margin-bottom: 4px;display: block;transition: color 0.15s ease;}.article-title:hover{color: var(--ff-base-880);}.article-snippet{color: var(--stripe-text-secondary);font-size: 14px;line-height: 20px;margin-bottom: 8px;font-weight: 400;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.article-tags{display: flex;align-items: center;flex-wrap: wrap;gap: 0;font-size: 12px;line-height: 16px;}.article-tag{color: var(--ff-purple);text-decoration: none;font-size: 12px;line-height: 16px;font-weight: 500;transition: color 0.15s ease;margin: 0 6px;}.article-tag:first-child{margin-left: 0;}.article-tag:last-child{margin-right: 0;}.article-tag:hover{color: var(--ff-base-880);}.tag-separator{color: var(--stripe-text-tertiary);font-size: 12px;line-height: 16px;font-weight: 500;}.sidebar{background: var(--stripe-bg-secondary);padding: 32px 24px;border-radius: 8px;position: sticky;top: 120px;border: 1px solid var(--stripe-border-primary);}.sidebar-section{margin-bottom: 16px;}.sidebar-section:last-child{margin-bottom: 0;}.sidebar-title{font-weight: 600;font-size: 16px;line-height: 24px;color: var(--stripe-text-primary);margin-bottom: 16px;letter-spacing: -0.01em;}.sidebar-list{list-style: none;margin: 0;padding: 0;}.sidebar-list li{margin-bottom: 4px;}.sidebar-link{color: var(--ff-purple);text-decoration: none;font-size: 14px;line-height: 20px;font-weight: 400;transition: color 0.15s ease;display: block;padding: 4px 0;}.sidebar-link:hover{color: var(--ff-base-880);}.contact-support{text-align: left;border-top: 1px solid var(--stripe-border-primary);padding-top: 19px;}.contact-support-link{color: var(--ff-purple);text-decoration: none;font-weight: 600;font-size: 16px;line-height: 24px;margin-bottom: 8px;display: block;transition: color 0.15s ease;}.contact-support-link:hover{color: var(--ff-base-880);}.contact-support-desc{color: var(--ff-base-700);font-size: 14px;line-height: 21px;}.footer{background: var(--stripe-bg-secondary);padding: var(--space-2xl) 0;margin-top: 52px;}.footer-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-xl);}.footer-section{text-align: left;}.footer-icon{width: 24px;height: 24px;color: var(--ff-base-400);margin-bottom: var(--space-md);}.footer-title{color: var(--ff-purple);text-decoration: none;font-weight: 700;font-size: 16px;line-height: 24px;margin-bottom: var(--space-xs);display: block;transition: color 0.15s ease;}.footer-title:hover{color: var(--ff-base-880);}.footer-desc{color: var(--ff-base-700);font-size: 14px;line-height: 21px;word-wrap: break-word;hyphens: auto;}.footer-bottom{margin-top: var(--space-xl);padding-top: var(--space-lg);text-align: center;}.footer-bottom-text{color: var(--ff-base-500);font-size: 12px;line-height: 18px;}.pagination{display: flex;align-items: center;justify-content: space-between;margin-top: var(--space-xl);padding-top: var(--space-lg);border-top: 1px solid var(--ff-base-100);}.pagination-info{color: var(--ff-base-700);font-size: 14px;line-height: 21px;}.pagination-buttons{display: flex;gap: var(--space-sm);}.pagination-button{padding: var(--space-sm) var(--space-md);border: 1px solid var(--ff-base-100);background: var(--ff-white);color: var(--ff-base-700);text-decoration: none;border-radius: var(--radius-md);font-size: 14px;line-height: 21px;transition: all 0.15s ease;}.pagination-button:hover:not(:disabled){border-color: var(--ff-base-200);background: var(--ff-base-20);}.pagination-button:disabled{color: var(--ff-base-300);cursor: not-allowed;}.article-body{margin-top: 48px;}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-family: var(--font-museo);color: var(--ff-base-880);margin-top: var(--space-xl);margin-bottom: var(--space-md);}.article-body h1{font-size: 32px;line-height: 48px;font-weight: 700;}.article-body h2{font-size: 24px;line-height: 36px;font-weight: 700;}.article-body h3{font-size: 18px;line-height: 27px;font-weight: 700;}.article-body p{margin-bottom: var(--space-md);color: var(--ff-base-700);}.article-body ul,.article-body ol{margin-bottom: var(--space-md);padding-left: var(--space-lg);color: var(--ff-base-700);}.article-body li{margin-bottom: var(--space-xs);}.article-body a{color: var(--ff-purple);text-decoration: underline;transition: color 0.15s ease;}.article-body a:hover{color: var(--ff-base-880);}.article-body img{max-width: 100%;height: auto;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);margin: var(--space-lg) 0;}.table-wrapper{overflow-x: auto;margin: var(--space-lg) 0;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);position: relative;--scroll-hint-opacity: 1;}.table-wrapper::after{content: "→";position: absolute;top: 16px;right: 8px;background: rgba(255,255,255,0.95);color: var(--ff-base-600);font-size: 18px;font-weight: bold;width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(0,0,0,0.15);pointer-events: none;opacity: var(--scroll-hint-opacity);transition: opacity 0.2s ease;animation: scrollHint 2s ease-in-out infinite;z-index: 1;}@keyframes scrollHint{0%,100%{transform: translateX(0);}50%{transform: translateX(3px);}}.table-wrapper::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 40px;background: linear-gradient(to left,rgba(255,255,255,0.8),transparent);pointer-events: none;opacity: var(--scroll-hint-opacity);transition: opacity 0.2s ease;}.table-wrapper::-webkit-scrollbar{height: 8px;}.table-wrapper::-webkit-scrollbar-track{background: var(--ff-base-40);border-radius: 4px;}.table-wrapper::-webkit-scrollbar-thumb{background: var(--ff-base-200);border-radius: 4px;}.table-wrapper::-webkit-scrollbar-thumb:hover{background: var(--ff-base-300);}.article-body table{width: 100%;min-width: 800px;border-collapse: collapse;margin: 0;}.article-body th,.article-body td{padding: var(--space-md);text-align: left;border-bottom: 1px solid var(--ff-base-100);}.article-body th{background: var(--ff-base-40);font-weight: 700;color: var(--ff-base-880);}.article-body code{background: var(--ff-base-40);padding: 2px 4px;border-radius: 3px;font-family: 'Monaco','Menlo','Ubuntu Mono',monospace;font-size: 14px;}.breadcrumbs{margin-bottom: var(--space-lg);}.breadcrumbs-list{display: flex;align-items: center;list-style: none;gap: var(--space-sm);}.breadcrumb-link{color: var(--ff-base-500);text-decoration: none;font-size: 14px;line-height: 21px;transition: color 0.15s ease;}.breadcrumb-link:hover{color: var(--ff-purple);}.breadcrumb-separator{color: var(--ff-base-300);font-size: 14px;}.feedback-section{margin: var(--space-2xl) 0;padding: var(--space-xl);background: var(--ff-base-20);border-radius: var(--radius-lg);text-align: center;}.feedback-title{font-weight: 700;margin-bottom: var(--space-md);color: var(--ff-base-880);}.feedback-buttons{display: flex;gap: var(--space-sm);justify-content: center;}.related-articles{margin-top: var(--space-2xl);padding-top: var(--space-xl);border-top: 1px solid var(--ff-base-100);}.related-title{font-family: var(--font-museo);font-size: 24px;line-height: 36px;font-weight: 700;color: var(--ff-base-880);margin-bottom: var(--space-lg);}@media (max-width: 768px){body{background-image: none;}.container{padding: 0 var(--space-md);}.main-layout{grid-template-columns: 1fr;gap: var(--space-xl);}.header-content{height: 64px;}.header-search{max-width: 200px;margin: 0 12px;}.nav-links{gap: var(--space-md);}.page-title{font-size: 32px;line-height: 40px;}.article-item{padding: var(--space-md) 0;}.article-item:hover{margin: 0 calc(-1 * var(--space-md));padding-left: var(--space-md);padding-right: var(--space-md);}.sidebar{position: static;margin-top: var(--space-xl);}.footer-grid{grid-template-columns: repeat(4,1fr);gap: var(--space-md);}.footer-section{min-width: 0;}.footer-desc{font-size: 13px;line-height: 18px;}.pagination{flex-direction: column;gap: var(--space-md);text-align: center;}}@media (max-width: 480px){.header-content{flex-direction: column;height: auto;padding: var(--space-md) 0;gap: var(--space-md);}.nav-links{width: 100%;justify-content: center;}.search-input{padding: var(--space-sm) var(--space-sm) var(--space-sm) 40px;}.search-icon{left: var(--space-sm);}}#search-results-container{background: var(--stripe-bg-primary);padding: 0 0 32px 0;min-height: 200px;}.no-results-message{color: var(--stripe-text-secondary);font-size: 16px;line-height: 24px;margin: var(--space-xl) 0;text-align: left;}.no-results-message strong{color: var(--stripe-text-primary);font-weight: 600;}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}.video-carousel{background: var(--stripe-bg-secondary);border-radius: var(--radius-lg);padding: var(--space-lg);margin: var(--space-xl) 0;border: 1px solid var(--stripe-border-primary);}.video-carousel-scroll{display: flex;gap: var(--space-md);overflow-x: auto;padding-bottom: var(--space-md);scroll-behavior: smooth;}.video-carousel-scroll::-webkit-scrollbar{height: 8px;}.video-carousel-scroll::-webkit-scrollbar-track{background: var(--ff-base-40);border-radius: 4px;}.video-carousel-scroll::-webkit-scrollbar-thumb{background: var(--ff-base-200);border-radius: 4px;}.video-carousel-scroll::-webkit-scrollbar-thumb:hover{background: var(--ff-base-300);}.video-carousel-item{flex: 0 0 200px;opacity: 0.8;transition: opacity 0.15s ease,transform 0.15s ease;}.video-carousel-item:hover{opacity: 1;transform: translateY(-2px);}.video-carousel-item.current{opacity: 1;}.video-carousel-link{text-decoration: none;display: block;}.video-carousel-thumbnail{position: relative;margin-bottom: var(--space-sm);}.video-carousel-image{width: 100%;border-radius: var(--radius-md);display: block;margin: 0;transition: box-shadow 0.15s ease;}.video-carousel-item.current .video-carousel-image{border: 3px solid var(--ff-purple);box-shadow: 0 4px 12px rgba(108,64,229,0.15);}.video-carousel-item:not(.current) .video-carousel-image{border: 1px solid var(--stripe-border-primary);}.video-carousel-badge{position: absolute;top: var(--space-sm);left: var(--space-sm);background: var(--ff-purple);color: var(--ff-white);padding: 4px var(--space-sm);border-radius: var(--radius-sm);font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;box-shadow: var(--shadow-sm);}.video-carousel-title{margin: 0;padding: 0;font-size: 14px;line-height: 1.2;font-weight: 600;margin-top: 2px;transition: color 0.15s ease;}.video-carousel-item.current .video-carousel-title{color: var(--stripe-text-primary);}.video-carousel-item:not(.current) .video-carousel-title{color: var(--stripe-text-secondary);}.video-carousel-item:hover .video-carousel-title{color: var(--ff-purple);}@media (max-width: 768px){.video-carousel{margin: var(--space-lg) calc(-1 * var(--space-md));border-radius: 0;border-left: none;border-right: none;}.video-carousel-item{flex: 0 0 160px;}}.error-section{text-align: center;padding: var(--space-3xl) 0;}.error-content{max-width: 600px;margin: 0 auto;}.error-title{font-family: var(--font-museo);font-size: 96px;line-height: 1;font-weight: 700;color: var(--ff-purple);margin: 0 0 var(--space-md) 0;}.error-subtitle{font-family: var(--font-museo);font-size: 32px;line-height: 40px;font-weight: 600;color: var(--stripe-text-primary);margin: 0 0 var(--space-md) 0;}.error-message{color: var(--stripe-text-secondary);font-size: 18px;line-height: 28px;margin: 0 0 var(--space-xl) 0;}.error-actions{display: flex;gap: var(--space-md);justify-content: center;margin-bottom: var(--space-3xl);}.error-actions .btn{padding: 12px 24px;border-radius: var(--radius-md);text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.15s ease;display: inline-block;}.error-actions .btn-primary{background: var(--ff-purple);color: var(--ff-white);}.error-actions .btn-primary:hover{background: var(--ff-base-880);}.error-actions .btn-secondary{background: var(--stripe-bg-primary);color: var(--ff-purple);border: 2px solid var(--ff-purple);}.error-actions .btn-secondary:hover{background: var(--stripe-bg-secondary);}.error-section .popular-articles{text-align: left;}.error-section .popular-articles h3{font-family: var(--font-museo);font-size: 20px;font-weight: 600;color: var(--stripe-text-primary);margin-bottom: var(--space-lg);}@media (max-width: 768px){.error-title{font-size: 64px;}.error-subtitle{font-size: 24px;line-height: 32px;}.error-message{font-size: 16px;line-height: 24px;}.error-actions{flex-direction: column;width: 100%;max-width: 300px;margin: 0 auto var(--space-3xl) auto;}.error-actions .btn{width: 100%;text-align: center;}}