.hc-breadcrumb {padding:16px 0; padding-top:90px; border-bottom:1px solid rgba(0,0,0,0.05);}
.hc-breadcrumb-inner {max-width:1200px; margin:0 auto; padding:0 24px; display:flex; align-items:center; gap:8px; font-size:14px;}
.hc-breadcrumb a {color:var(--purple-main); text-decoration:none;}
.hc-breadcrumb a:hover {text-decoration:underline;}
.hc-breadcrumb .sep {color:var(--grey-warm);}
.hc-breadcrumb .current {color:var(--grey-warm);}
.hc-hero {background:linear-gradient(135deg, var(--purple-deep) 0%, var(--purple-main) 50%, var(--purple-light) 100%); padding:130px 24px 130px; text-align:center; position:relative;}
.hc-hero::before {content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none;}
.hc-hero-content {max-width:700px; margin:0 auto; position:relative; z-index:2;}
.hc-hero h1 {color:var(--white); font-family:var(--font-display); font-size:clamp(36px, 6vw, 56px); font-weight:600; margin:0 0 16px; line-height:1.1;}
.hc-hero p {color:rgba(255,255,255,0.85); font-size:1.1rem; margin:0 0 32px;}
.hc-search-box {display:flex; background:var(--white); border-radius:16px; padding:8px; box-shadow:var(--shadow-lg); max-width:600px; margin:0 auto;}
.hc-search-box input {flex:1; padding:16px 20px; border:none; font-size:17px; outline:none; background:transparent; color:var(--charcoal); font-family:var(--font-body);}
.hc-search-box input::placeholder {color:var(--grey-warm);}
.hc-search-box button {padding:16px 32px; background:var(--purple-main); border:none; border-radius:10px; color:var(--white); font-weight:600; cursor:pointer; transition:all 0.3s ease;}
.hc-search-box button:hover {background:var(--purple-deep);}
.hc-search-box button svg {width:20px; height:20px; vertical-align:middle;}
.hc-quick-links {margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.hc-quick-link {color:rgba(255,255,255,0.9); font-size:0.9rem; text-decoration:none; padding:8px 16px; background:rgba(255, 255, 255, 0.15); border-radius:100px; transition:all 0.2s;}
.hc-quick-link:hover {background:rgba(255,255,255,0.25); color:var(--white);}
.hc-content {max-width:1200px; margin:0 auto; padding:0 24px 80px;}
.hc-categories {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:24px; margin:-50px 0 60px; position:relative; z-index:2;}
.hc-category-card {background:var(--white); border-radius:24px; padding:32px; text-decoration:none; display:flex; align-items:flex-start; gap:20px; transition:all 0.4s ease; box-shadow:var(--shadow-sm);}
.hc-category-card:hover {transform:translateY(-8px); box-shadow:var(--shadow-lg);}
.hc-category-icon {width:56px; height:56px; background:var(--purple-pale); border-radius:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.hc-category-icon svg {width:28px; height:28px; stroke:var(--purple-main);}
.hc-category-info h3 {margin:0 0 8px; font-family:var(--font-display); font-size:1.2rem; font-weight:600; color:var(--charcoal);}
.hc-category-info p {margin:0; font-size:0.95rem; color:var(--grey-warm); line-height:1.5;}
.hc-category-count {display:inline-block; margin-top:12px; font-size:0.85rem; color:var(--purple-main); font-weight:600;}
.hc-page {max-width:1200px; margin:0 auto; padding:40px 24px 80px; display:grid; grid-template-columns:280px 1fr; gap:48px;}
.hc-page-single {max-width:800px; margin:0 auto; padding:40px 24px 80px;}
.hc-sidebar {position:sticky; top:100px; height:fit-content;}
.hc-sidebar-title {font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--grey-warm); margin:0 0 16px; padding:0 16px;}
.hc-sidebar-nav {display:flex; flex-direction:column; gap:4px;}
.hc-sidebar-link {display:flex; align-items:center; justify-content:space-between; padding:14px 16px; text-decoration:none; color:var(--charcoal); font-size:15px; border-radius:12px; transition:all 0.2s;}
.hc-sidebar-link:hover {background:var(--purple-pale); color:var(--purple-main);}
.hc-sidebar-link.active {background:var(--purple-main); color:var(--white); font-weight:600;}
.hc-sidebar-link .cnt {background:rgba(0,0,0,0.08); padding:3px 10px; border-radius:100px; font-size:12px; font-weight:600;}
.hc-sidebar-link.active .cnt {background:rgba(255,255,255,0.25);}
.hc-main {min-width:0;}
.hc-header {margin-bottom:32px;}
.hc-header h1 {font-family:var(--font-display); font-size:clamp(28px, 4vw, 40px); font-weight:600; color:var(--charcoal); margin:0 0 8px;}
.hc-header p {font-size:1.05rem; color:var(--grey-warm); margin:0 0 12px;}
.hc-count {font-size:14px; color:var(--grey-warm);}
.hc-articles {display:flex; flex-direction:column; gap:16px;}
.hc-article-item {display:flex; align-items:flex-start; gap:20px; padding:24px; background:var(--white); border-radius:16px; text-decoration:none; transition:all 0.3s ease; box-shadow:var(--shadow-sm);}
.hc-article-item:hover {box-shadow:var(--shadow-md); transform:translateX(4px);}
.hc-article-icon {width:48px; height:48px; background:var(--purple-pale); border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.hc-article-icon svg {width:24px; height:24px; stroke:var(--purple-main);}
.hc-article-info {flex:1; min-width:0;}
.hc-article-info h3 {margin:0 0 6px; font-size:1.05rem; font-weight:600; color:var(--charcoal);}
.hc-article-info p {margin:0; font-size:0.95rem; color:var(--grey-warm); line-height:1.5;}
.hc-article-arrow {color:var(--grey-warm); flex-shrink:0; margin-top:12px; transition:all 0.2s;}
.hc-article-item:hover .hc-article-arrow {color:var(--purple-main); transform:translateX(4px);}
.hc-section {margin-bottom:60px;}
.hc-section-header {display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
.hc-section-header h2 {font-family:var(--font-display); font-size:clamp(24px, 4vw, 32px); font-weight:600; color:var(--charcoal); margin:0;}
.hc-section-header a {color:var(--purple-main); text-decoration:none; font-weight:600;}
.hc-articles-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:24px;}
.hc-article-card {background:var(--white); border-radius:16px; padding:24px; text-decoration:none; transition:all 0.3s ease; box-shadow:var(--shadow-sm);}
.hc-article-card:hover {box-shadow:var(--shadow-md); transform:translateY(-4px);}
.hc-article-card h4 {margin:0 0 10px; font-size:1.05rem; font-weight:600; color:var(--charcoal); display:flex; align-items:flex-start; gap:12px;}
.hc-article-card h4 svg {width:20px; height:20px; color:var(--gold); flex-shrink:0; margin-top:2px;}
.hc-article-card p {margin:0; font-size:0.95rem; color:var(--grey-warm); line-height:1.5;}
.hc-article-meta {display:flex; align-items:center; gap:12px; margin-top:16px; font-size:0.85rem; color:var(--grey-warm);}
.hc-search-results {background:var(--white); border-radius:24px; padding:32px; margin:-50px 0 60px; position:relative; z-index:2; box-shadow:var(--shadow-md);}
.hc-search-results h2 {margin:0 0 24px; font-family:var(--font-display); font-size:1.4rem; color:var(--charcoal);}
.hc-search-results h2 span {color:var(--purple-main);}
.hc-search-result {padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.06);}
.hc-search-result:last-child {border-bottom:none;}
.hc-search-result a {text-decoration:none;}
.hc-search-result h4 {margin:0 0 8px; font-size:1.1rem; color:var(--purple-main); font-weight:600;}
.hc-search-result h4:hover {text-decoration:underline;}
.hc-search-result p {margin:0 0 10px; font-size:0.95rem; color:var(--grey-warm); line-height:1.5;}
.hc-badge {display:inline-block; background:var(--purple-pale); color:var(--purple-main); padding:4px 12px; border-radius:100px; font-size:0.8rem; font-weight:600;}
.hc-empty {text-align:center; padding:60px 20px; background:var(--white); border-radius:16px;}
.hc-empty svg {width:64px; height:64px; color:var(--grey-warm); margin-bottom:16px; opacity:0.5;}
.hc-empty h3 {margin:0 0 8px; font-family:var(--font-display); font-size:1.3rem; color:var(--charcoal);}
.hc-empty p {margin:0; color:var(--grey-warm);}
.hc-empty a {color:var(--purple-main);}
.hc-contact-cta {background:linear-gradient(135deg, var(--purple-deep) 0%, var(--purple-main) 100%); border-radius:24px; padding:48px; text-align:center; margin:48px 0; position:relative; overflow:hidden;}
.hc-contact-cta::before {content:''; position:absolute; top:-50%; right:-20%; width:60%; height:150%; background:radial-gradient(circle, rgba(245,166,35,0.15) 0%, transparent 60%); pointer-events:none;}
.hc-contact-cta h3 {margin:0 0 12px; font-family:var(--font-display); font-size:1.5rem; color:var(--white); position:relative;}
.hc-contact-cta p {margin:0 0 28px; color:rgba(255,255,255,0.85); font-size:1.05rem; position:relative;}
.hc-btn {display:inline-flex; align-items:center; gap:10px; background:var(--gold); color:var(--charcoal); padding:16px 32px; border-radius:100px; text-decoration:none; font-weight:600; transition:all 0.3s ease; border:none; cursor:pointer; font-size:1rem; font-family:var(--font-body); position:relative;}
.hc-btn:hover {background:var(--gold-light); transform:translateY(-3px); box-shadow:var(--shadow-gold);}
.hc-btn svg {width:20px; height:20px;}
.hc-btn-outline {background:transparent; color:var(--purple-main); border:2px solid var(--purple-main);}
.hc-btn-outline:hover {background:var(--purple-main); color:var(--white); box-shadow:var(--shadow-md);}
.hc-article-header {margin-bottom:32px;}
.hc-article-category {display:inline-block; background:var(--purple-pale); color:var(--purple-main); padding:8px 16px; border-radius:100px; font-size:0.85rem; font-weight:600; margin-bottom:20px; text-decoration:none; transition:all 0.2s;}
.hc-article-category:hover {background:var(--purple-main); color:var(--white);}
.hc-article-header h1 {font-family:var(--font-display); font-size:clamp(28px, 5vw, 40px); font-weight:600; color:var(--charcoal); margin:0 0 16px; line-height:1.2;}
.hc-article-header-meta {display:flex; align-items:center; gap:16px; font-size:0.95rem; color:var(--grey-warm);}
.hc-article-header-meta span {display:flex; align-items:center; gap:6px;}
.hc-article-header-meta svg {width:18px; height:18px;}
.hc-article-body {background:var(--white); border-radius:24px; padding:48px; margin-bottom:32px; box-shadow:var(--shadow-sm);}
.hc-article-body h2 {font-family:var(--font-display); font-size:1.5rem; font-weight:600; color:var(--charcoal); margin:40px 0 16px;}
.hc-article-body h2:first-child {margin-top:0;}
.hc-article-body h3 {font-size:1.2rem; font-weight:600; color:var(--charcoal); margin:32px 0 12px;}
.hc-article-body p {font-size:1.05rem; line-height:1.8; color:var(--charcoal); margin:0 0 20px;}
.hc-article-body ul, .hc-article-body ol {margin:0 0 20px; padding-left:24px; color:var(--charcoal);}
.hc-article-body li {font-size:1.05rem; line-height:1.8; margin-bottom:10px;}
.hc-article-body a {color:var(--purple-main);}
.hc-article-body strong {font-weight:600; color:var(--charcoal);}
.hc-feedback {background:var(--white); border-radius:16px; padding:32px; text-align:center; margin-bottom:40px; box-shadow:var(--shadow-sm);}
.hc-feedback h3 {margin:0 0 20px; font-family:var(--font-display); font-size:1.2rem; color:var(--charcoal);}
.hc-feedback-btns {display:flex; justify-content:center; gap:16px;}
.hc-feedback-btn {display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border:2px solid rgba(0,0,0,0.1); border-radius:100px; background:transparent; color:var(--charcoal); font-size:0.95rem; font-weight:600; cursor:pointer; transition:all 0.2s; font-family:var(--font-body);}
.hc-feedback-btn:hover {border-color:var(--purple-main); color:var(--purple-main);}
.hc-feedback-btn svg {width:20px; height:20px;}
.hc-feedback-thanks {color:var(--grey-warm); font-size:0.95rem; padding:14px 0;}
.hc-feedback-thanks a {color:var(--purple-main);}
.hc-feedback-stats {margin-top:16px; font-size:0.85rem; color:var(--grey-warm);}
.hc-related {margin-top:48px;}
.hc-related h3 {font-family:var(--font-display); font-size:1.3rem; font-weight:600; color:var(--charcoal); margin:0 0 20px;}
.hc-related-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:16px;}
.hc-related-card {background:var(--white); border-radius:12px; padding:20px; text-decoration:none; transition:all 0.2s; box-shadow:var(--shadow-sm);}
.hc-related-card:hover {box-shadow:var(--shadow-md); transform:translateY(-2px);}
.hc-related-card h4 {margin:0; font-size:0.95rem; font-weight:600; color:var(--charcoal); line-height:1.4;}
.hc-contact-page {max-width:800px; margin:0 auto; padding:48px 24px 80px; padding-top:120px;}
.hc-success {text-align:center; padding:60px 20px;}
.hc-success-icon {width:80px; height:80px; background:linear-gradient(135deg, var(--success), #16a34a); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 24px;}
.hc-success-icon svg {width:40px; height:40px; color:var(--white);}
.hc-success h1 {font-family:var(--font-display); font-size:2rem; color:var(--charcoal); margin:0 0 12px;}
.hc-success p {font-size:1.1rem; color:var(--grey-warm); margin:0 0 24px;}
.hc-ticket-ref {background:var(--purple-pale); border-radius:16px; padding:28px; margin:32px 0;}
.hc-ticket-ref label {display:block; font-size:0.85rem; color:var(--grey-warm); margin-bottom:8px;}
.hc-ticket-ref span {font-size:2.2rem; font-weight:700; color:var(--purple-main); letter-spacing:3px;}
.hc-btn-group {display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
.hc-contact-header {text-align:center; margin-bottom:48px;}
.hc-contact-header h1 {font-family:var(--font-display); font-size:clamp(32px, 5vw, 44px); color:var(--charcoal); margin:0 0 16px;}
.hc-contact-header p {color:var(--grey-warm); font-size:1.1rem; margin:0;}
.hc-contact-options {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; margin-bottom:48px;}
.hc-contact-option {background:var(--white); border-radius:16px; padding:28px; text-align:center; box-shadow:var(--shadow-sm);}
.hc-contact-option-icon {width:56px; height:56px; background:var(--purple-pale); border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px;}
.hc-contact-option-icon svg {width:28px; height:28px; stroke:var(--purple-main);}
.hc-contact-option h3 {margin:0 0 6px; font-size:1.05rem; font-weight:600; color:var(--charcoal);}
.hc-contact-option p {margin:0; font-size:0.9rem; color:var(--grey-warm);}
.hc-form-container {background:var(--white); border-radius:24px; padding:40px; box-shadow:var(--shadow-sm);}
.hc-form-title {font-family:var(--font-display); font-size:1.4rem; font-weight:600; color:var(--charcoal); margin:0 0 28px;}
.hc-form-row {display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:20px; margin-bottom:24px;}
.hc-form-group {margin-bottom:24px;}
.hc-form-group label {display:block; font-size:0.95rem; font-weight:600; color:var(--charcoal); margin-bottom:10px;}
.hc-form-group label .required {color:#ef4444;}
.hc-form-group input, .hc-form-group select, .hc-form-group textarea {width:100%; padding:16px 18px; border:2px solid rgba(0,0,0,0.08); border-radius:12px; font-size:1rem; transition:all 0.2s; font-family:var(--font-body); background:var(--white); color:var(--charcoal);}
.hc-form-group input::placeholder, .hc-form-group textarea::placeholder {color:var(--grey-warm);}
.hc-form-group input:focus, .hc-form-group select:focus, .hc-form-group textarea:focus {outline:none; border-color:var(--purple-main);}
.hc-form-group select {cursor:pointer;}
.hc-form-group textarea {min-height:160px; resize:vertical;}
.hc-form-group .help-text {font-size:0.85rem; color:var(--grey-warm); margin-top:8px;}
.hc-form-error {background:#fef2f2; border:1px solid #fecaca; color:#dc2626; padding:16px 20px; border-radius:12px; margin-bottom:24px;}
.hc-form-submit {display:flex; align-items:center; justify-content:space-between; padding-top:16px; border-top:1px solid rgba(0,0,0,0.06); margin-top:32px;}
.hc-form-submit p {font-size:0.9rem; color:var(--grey-warm); margin:0;}
.hc-check-ticket {text-align:center; margin-top:28px; padding-top:28px; border-top:1px solid rgba(0,0,0,0.06); color:var(--grey-warm);}
.hc-check-ticket a {color:var(--purple-main); text-decoration:none; font-weight:600;}
.hc-ticket-page {max-width:800px; margin:0 auto; padding:48px 24px 80px; padding-top:120px;}
.hc-lookup {background:var(--white); border-radius:24px; padding:48px; text-align:center; box-shadow:var(--shadow-sm);}
.hc-lookup h1 {font-family:var(--font-display); font-size:2rem; color:var(--charcoal); margin:0 0 12px;}
.hc-lookup > p {color:var(--grey-warm); margin:0 0 36px; font-size:1.05rem;}
.hc-lookup-form {max-width:400px; margin:0 auto;}
.hc-lookup-form .hc-form-group {text-align:left;}
.hc-lookup-error {background:#fef2f2; border:1px solid #fecaca; color:#dc2626; padding:14px 18px; border-radius:10px; margin-bottom:24px; font-size:0.95rem;}
.hc-lookup-divider {margin:36px 0; color:var(--grey-warm); font-size:0.95rem;}
.hc-ticket-header {margin-bottom:36px;}
.hc-back-link {display:inline-flex; align-items:center; gap:6px; color:var(--purple-main); text-decoration:none; font-size:0.95rem; font-weight:600; margin-bottom:20px;}
.hc-ticket-title {display:flex; align-items:flex-start; justify-content:space-between; gap:20px; flex-wrap:wrap;}
.hc-ticket-title h1 {font-family:var(--font-display); font-size:1.8rem; color:var(--charcoal); margin:0;}
.hc-status {display:inline-flex; align-items:center; gap:6px; padding:10px 18px; border-radius:100px; font-size:0.85rem; font-weight:700;}
.hc-status.open {background:#dbeafe; color:#1d4ed8;}
.hc-status.pending {background:#fef3c7; color:#b45309;}
.hc-status.in_progress {background:var(--purple-pale); color:var(--purple-main);}
.hc-status.resolved {background:#dcfce7; color:#15803d;}
.hc-status.closed {background:#f3f4f6; color:#6b7280;}
.hc-ticket-meta {display:flex; flex-wrap:wrap; gap:24px; margin-top:20px; font-size:0.95rem; color:var(--grey-warm);}
.hc-ticket-meta span {display:flex; align-items:center; gap:8px;}
.hc-ticket-meta svg {width:18px; height:18px; opacity:0.6;}
.hc-messages {background:var(--white); border-radius:16px; overflow:hidden; margin-bottom:28px; box-shadow:var(--shadow-sm);}
.hc-message {padding:28px; border-bottom:1px solid rgba(0,0,0,0.06);}
.hc-message:last-child {border-bottom:none;}
.hc-message.support {background:var(--purple-pale);}
.hc-message-header {display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
.hc-message-sender {display:flex; align-items:center; gap:12px;}
.hc-message-avatar {width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.9rem;}
.hc-message.customer .hc-message-avatar {background:var(--gold); color:var(--charcoal);}
.hc-message.support .hc-message-avatar {background:var(--purple-main); color:var(--white);}
.hc-message-name {font-weight:600; color:var(--charcoal);}
.hc-message-type {font-size:0.8rem; color:var(--grey-warm);}
.hc-message-time {font-size:0.85rem; color:var(--grey-warm);}
.hc-message-content {font-size:1rem; line-height:1.7; color:var(--charcoal); white-space:pre-wrap;}
.hc-reply {background:var(--white); border-radius:16px; padding:28px; box-shadow:var(--shadow-sm);}
.hc-reply h3 {font-family:var(--font-display); font-size:1.2rem; color:var(--charcoal); margin:0 0 20px;}
.hc-reply textarea {width:100%; padding:16px 18px; border:2px solid rgba(0,0,0,0.08); border-radius:12px; font-size:1rem; min-height:130px; resize:vertical; font-family:var(--font-body); margin-bottom:20px; background:var(--white); color:var(--charcoal);}
.hc-reply textarea::placeholder {color:var(--grey-warm);}
.hc-reply textarea:focus {outline:none; border-color:var(--purple-main);}
.hc-reply-footer {display:flex; align-items:center; justify-content:space-between;}
.hc-reply-footer p {font-size:0.9rem; color:var(--grey-warm); margin:0;}
.hc-reply-success {background:#dcfce7; border:1px solid #bbf7d0; color:#15803d; padding:16px 20px; border-radius:12px; margin-bottom:20px; display:flex; align-items:center; gap:12px;}
.hc-reply-success svg {width:22px; height:22px;}
.hc-closed-notice {background:var(--white); border-radius:16px; padding:28px; text-align:center; color:var(--grey-warm); box-shadow:var(--shadow-sm);}
.hc-closed-notice h3 {margin:0 0 10px; color:var(--charcoal);}
.hc-closed-notice a {color:var(--purple-main);}

@media (max-width: 900px) {
.hc-page {grid-template-columns:1fr; gap:32px;}
.hc-sidebar {position:static;}
.hc-sidebar-nav {flex-direction:row; flex-wrap:wrap; gap:10px;}
.hc-sidebar-title {display:none;}
.hc-sidebar-link {padding:12px 18px; font-size:14px; background:var(--white); border-radius:100px; box-shadow:var(--shadow-sm);}
}

@media (max-width: 768px) {
.hc-hero {padding:60px 20px 80px;}
.hc-hero h1 {font-size:2rem;}
.hc-categories {margin:-40px 0 48px;}
.hc-contact-cta {padding:36px 24px;}
.hc-article-body {padding:28px;}
.hc-feedback-btns {flex-direction:column;}
.hc-form-container, .hc-lookup {padding:28px;}
.hc-form-submit, .hc-reply-footer {flex-direction:column; gap:20px;}
.hc-form-submit .hc-btn, .hc-reply-footer .hc-btn {width:100%; justify-content:center;}
.hc-ticket-title {flex-direction:column;}
}