body,html{height:100%;margin:0;padding:0}#app{height:100%}#app,#wrapper{min-height:100vh}#wrapper{display:flex;flex-direction:column}.header-container[data-v-75a5df72]{position:fixed;z-index:var(--z-fixed);width:100%;background:var(--bg-primary);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);padding:0;top:0;left:0;right:0}.header-content[data-v-75a5df72]{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);height:60px}.logo-container[data-v-75a5df72]{display:flex;align-items:center;gap:var(--spacing-md)}.logo[data-v-75a5df72]{height:44px;width:auto;border-radius:var(--border-radius-md);transition:transform var(--transition-base)}.logo[data-v-75a5df72]:hover{transform:scale(1.05)}.logo-text[data-v-75a5df72]{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.desktop-menu[data-v-75a5df72]{display:flex;align-items:center}.main-menu[data-v-75a5df72]{background:transparent;border:none;line-height:60px}.main-menu .ant-menu-item[data-v-75a5df72]{margin:0 var(--spacing-xs);border-radius:var(--border-radius-md);transition:all var(--transition-base);height:auto;line-height:1.5;color:var(--text-secondary)!important}.main-menu .ant-menu-item[data-v-75a5df72]:hover{background:var(--gray-100);color:var(--text-primary)!important}.main-menu .ant-menu-item a[data-v-75a5df72]{color:var(--text-secondary)!important}.main-menu .ant-menu-item:hover a[data-v-75a5df72]{color:var(--primary-color)!important}.menu-link[data-v-75a5df72]{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)!important;text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);transition:all var(--transition-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.menu-link[data-v-75a5df72]:hover{color:var(--primary-color)!important;background:var(--primary-light)}.menu-icon[data-v-75a5df72]{font-size:18px;width:20px;text-align:center;display:flex;align-items:center;justify-content:center}.menu-text[data-v-75a5df72]{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:inherit}.mobile-menu-toggle[data-v-75a5df72]{display:none}.mobile-toggle-btn[data-v-75a5df72]{color:var(--text-primary);font-size:24px;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all var(--transition-base);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-toggle-btn[data-v-75a5df72]:hover{background:var(--gray-100);color:var(--primary-color)}.mobile-menu[data-v-75a5df72]{display:none;background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.mobile-menu .ant-menu-item a[data-v-75a5df72],.mobile-menu .ant-menu-item[data-v-75a5df72]{color:var(--text-primary)!important}.mobile-menu .ant-menu-item[data-v-75a5df72]:hover{background:var(--primary-light)}.mobile-menu .ant-menu-item:hover a[data-v-75a5df72]{color:var(--primary-color)!important}.mobile-menu-list[data-v-75a5df72]{background:transparent;border:none}.mobile-menu-item[data-v-75a5df72]{border-bottom:1px solid var(--border-color);margin:0}.mobile-menu-link[data-v-75a5df72]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)!important;text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);font-weight:var(--font-weight-medium)}.mobile-menu-link[data-v-75a5df72]:hover{color:var(--primary-color)!important;background:var(--primary-light)}@media (max-width:768px){.header-content[data-v-75a5df72]{padding:0 var(--spacing-sm);height:56px}.desktop-menu[data-v-75a5df72],.logo-text[data-v-75a5df72]{display:none}.mobile-menu-toggle[data-v-75a5df72],.mobile-menu[data-v-75a5df72]{display:block}.main-menu[data-v-75a5df72]{display:none}.logo[data-v-75a5df72]{height:36px}}@media (max-width:480px){.header-content[data-v-75a5df72]{padding:0 var(--spacing-sm)}.logo[data-v-75a5df72]{height:32px}}.mobile-menu[data-v-75a5df72]{animation:slideDown-75a5df72 var(--transition-slow) ease-out}@keyframes slideDown-75a5df72{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-list[data-v-75a5df72]{max-height:60vh;overflow-y:auto}.mobile-menu-list[data-v-75a5df72]::-webkit-scrollbar{width:6px}.mobile-menu-list[data-v-75a5df72]::-webkit-scrollbar-track{background:var(--gray-100)}.mobile-menu-list[data-v-75a5df72]::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--border-radius-full)}.mobile-menu-list[data-v-75a5df72]::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.ant-layout-footer[data-v-75a5df72]{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-primary);text-align:center;border-top:1px solid var(--border-color);margin-top:auto}.main-menu .ant-menu-item-selected[data-v-75a5df72]{background:var(--primary-light)!important;color:var(--primary-color)!important}.main-menu .ant-menu-item-selected .menu-link[data-v-75a5df72]{color:var(--primary-color)!important;font-weight:var(--font-weight-semibold)}.main-menu .ant-menu-item-selected a[data-v-75a5df72]{color:var(--primary-color)!important}.menu-link:hover .menu-icon[data-v-75a5df72],.mobile-menu-link:hover .menu-icon[data-v-75a5df72]{transform:scale(1.1);transition:transform var(--transition-fast)}.mobile-menu-toggle .ant-btn-loading[data-v-75a5df72]{color:var(--primary-color)}.menu-link[data-v-75a5df72]:focus,.mobile-menu-link[data-v-75a5df72]:focus,.mobile-toggle-btn[data-v-75a5df72]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.contact-float[data-v-75a5df72]{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);z-index:var(--z-fixed)}.contact-item[data-v-75a5df72]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-full);box-shadow:var(--shadow-lg);text-decoration:none;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);min-width:140px}.contact-item[data-v-75a5df72]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--border-color-hover)}.contact-item .icon[data-v-75a5df72]{margin-right:var(--spacing-sm);font-size:18px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.contact-item .contact-icon-img[data-v-75a5df72]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.contact-item.contact-facebook[data-v-75a5df72]{color:#1877f2;border-color:#1877f2}.contact-item.contact-facebook[data-v-75a5df72]:hover{background:#1877f2;color:var(--text-inverse)}.contact-item.contact-facebook .icon[data-v-75a5df72]{color:#1877f2}.contact-item.contact-facebook:hover .icon[data-v-75a5df72]{color:var(--text-inverse)}.contact-item.contact-zalo[data-v-75a5df72]{color:#0068ff;border-color:#0068ff}.contact-item.contact-zalo[data-v-75a5df72]:hover{background:#0068ff;color:var(--text-inverse)}.contact-item.contact-zalo span[data-v-75a5df72]{color:inherit}.contact-item.contact-hotline[data-v-75a5df72]{background:var(--error-color);color:var(--text-inverse);border-color:var(--error-color)}.contact-item.contact-hotline[data-v-75a5df72]:hover{background:var(--error-hover);border-color:var(--error-hover);transform:translateY(-2px) scale(1.02)}.contact-item.contact-hotline .icon[data-v-75a5df72]{color:var(--text-inverse)}@media (max-width:768px){.contact-float[data-v-75a5df72]{bottom:var(--spacing-md);right:var(--spacing-md);gap:var(--spacing-xs);z-index:var(--z-fixed)}.contact-item[data-v-75a5df72]{padding:var(--spacing-sm) var(--spacing-md);min-width:120px;font-size:var(--font-size-xs);box-shadow:var(--shadow-md)}.contact-item .icon[data-v-75a5df72]{font-size:16px;margin-right:var(--spacing-xs);width:18px;height:18px}.contact-item .contact-icon-img[data-v-75a5df72]{width:16px;height:16px}}@media (max-width:480px){.contact-float[data-v-75a5df72]{bottom:var(--spacing-sm);right:var(--spacing-sm)}.contact-item[data-v-75a5df72]{min-width:100px;padding:var(--spacing-xs) var(--spacing-sm);font-size:11px}}.subcheo-banner[data-v-0b6058ba]{width:100%}.banner-content[data-v-0b6058ba]{padding:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.follow-card[data-v-0b6058ba]{border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);background:var(--bg-primary);box-shadow:var(--shadow-sm);position:relative;transition:all var(--transition-base)}.follow-card[data-v-0b6058ba]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--warning-color)}.follow-card-hot[data-v-0b6058ba]{border:2px solid var(--warning-color);background:var(--warning-light)}.follow-card-hot[data-v-0b6058ba]:hover{box-shadow:var(--shadow-lg)}.hot-badge[data-v-0b6058ba]{position:absolute;top:-10px;right:var(--spacing-lg);background:var(--error-color);color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);padding:4px 10px;border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);z-index:1}.follow-main[data-v-0b6058ba]{display:flex;flex-direction:column;gap:var(--spacing-md)}.follow-info[data-v-0b6058ba]{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.follow-badge[data-v-0b6058ba]{flex-shrink:0;padding:4px 10px;border-radius:var(--border-radius-md);background:var(--warning-color);color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);min-width:36px;text-align:center}.follow-title-group[data-v-0b6058ba]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.follow-title[data-v-0b6058ba]{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.follow-subtitle[data-v-0b6058ba]{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-normal)}.follow-prices[data-v-0b6058ba]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.follow-price-original[data-v-0b6058ba]{font-size:var(--font-size-sm);color:var(--text-tertiary)}.follow-price-original s[data-v-0b6058ba]{color:var(--text-disabled)}.follow-price[data-v-0b6058ba]{font-size:var(--font-size-xl);color:var(--error-color);font-weight:var(--font-weight-bold)}.follow-price-large[data-v-0b6058ba]{font-size:var(--font-size-2xl)}@media (max-width:768px){.banner-content[data-v-0b6058ba]{padding:var(--spacing-sm);grid-template-columns:1fr;gap:var(--spacing-sm)}.follow-card[data-v-0b6058ba]{padding:var(--spacing-md)}.follow-main[data-v-0b6058ba]{gap:var(--spacing-sm)}.follow-badge[data-v-0b6058ba]{font-size:var(--font-size-xs);padding:3px 8px;min-width:32px}.follow-title[data-v-0b6058ba]{font-size:var(--font-size-sm)}.follow-subtitle[data-v-0b6058ba]{font-size:10px}.follow-price-original[data-v-0b6058ba]{font-size:var(--font-size-xs)}.follow-price[data-v-0b6058ba]{font-size:var(--font-size-lg)}.follow-price-large[data-v-0b6058ba]{font-size:var(--font-size-xl)}.hot-badge[data-v-0b6058ba]{top:-8px;right:var(--spacing-md);font-size:10px;padding:3px 8px}}@media (max-width:480px){.banner-content[data-v-0b6058ba]{padding:var(--spacing-xs)}.follow-card[data-v-0b6058ba]{padding:var(--spacing-sm)}.follow-title[data-v-0b6058ba]{font-size:var(--font-size-xs)}.follow-subtitle[data-v-0b6058ba]{font-size:9px}.follow-price[data-v-0b6058ba]{font-size:var(--font-size-base)}.follow-price-large[data-v-0b6058ba]{font-size:var(--font-size-lg)}}.steps-card[data-v-4b3cc279]{padding:var(--spacing-md)}.payment-steps[data-v-4b3cc279],.steps-card[data-v-4b3cc279]{margin-bottom:var(--spacing-md)}.popup-banner-container[data-v-70842e46]{width:100%}.popup-banner[data-v-70842e46]{max-width:1000px;margin:0 auto;background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.banner-header[data-v-70842e46]{justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.banner-brand[data-v-70842e46],.banner-header[data-v-70842e46]{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-badge[data-v-70842e46]{background:var(--primary-color);color:var(--text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-md);padding:4px 8px;font-size:var(--font-size-sm);display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px}.brand-info[data-v-70842e46]{display:flex;flex-direction:column}.brand-name[data-v-70842e46]{margin:0;color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.brand-tagline[data-v-70842e46]{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}.banner-title[data-v-70842e46]{flex:1;text-align:center}.title-text[data-v-70842e46]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary)}.title-number[data-v-70842e46]{color:var(--primary-color)}.banner-promo[data-v-70842e46]{background:var(--error-light);padding:6px 12px;border-radius:var(--border-radius-md);text-align:right}.promo-label[data-v-70842e46]{color:var(--error-color);font-weight:var(--font-weight-semibold);display:block;font-size:var(--font-size-xs);margin-bottom:2px}.promo-date[data-v-70842e46]{font-size:var(--font-size-xs);color:var(--text-secondary)}.package-grid[data-v-70842e46]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md)}@media (max-width:768px){.package-grid[data-v-70842e46]{grid-template-columns:1fr;gap:var(--spacing-md)}.package-card[data-v-70842e46]{min-height:auto;padding:var(--spacing-md)}.banner-header[data-v-70842e46]{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.banner-promo[data-v-70842e46]{text-align:center;width:100%}.package-title[data-v-70842e46]{font-size:var(--font-size-sm)}.package-price[data-v-70842e46]{font-size:var(--font-size-lg)}.package-button[data-v-70842e46]{width:100%;text-align:center}}@media (max-width:480px){.package-card[data-v-70842e46],.popup-banner[data-v-70842e46]{padding:var(--spacing-sm)}.package-features[data-v-70842e46]{font-size:11px}.package-price[data-v-70842e46]{font-size:var(--font-size-base)}.package-monthly[data-v-70842e46]{font-size:10px}}.package-card[data-v-70842e46]{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);text-align:center;background:var(--bg-primary);display:flex;flex-direction:column;min-height:200px;transition:all var(--transition-base)}.package-card[data-v-70842e46]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.package-badge[data-v-70842e46]{align-self:center;padding:4px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--text-inverse);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold)}.package-badge-pro[data-v-70842e46]{background:var(--primary-color)}.package-badge-unlimited[data-v-70842e46]{background:var(--error-color)}.package-title[data-v-70842e46]{margin:4px 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.package-features[data-v-70842e46]{list-style:none;margin:var(--spacing-sm) 0;padding:0;text-align:left;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-secondary)}.package-features li[data-v-70842e46]{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md);position:relative}.package-features li[data-v-70842e46]:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:var(--font-weight-bold)}.package-price[data-v-70842e46]{margin:var(--spacing-sm) 0 2px;font-size:var(--font-size-lg);color:var(--primary-color);font-weight:var(--font-weight-bold)}.package-price-unlimited[data-v-70842e46]{color:var(--error-color)}.package-monthly[data-v-70842e46]{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}.package-spacer[data-v-70842e46]{flex:1}.package-button[data-v-70842e46]{display:inline-block;margin-top:var(--spacing-sm);color:var(--text-inverse);font-weight:var(--font-weight-bold);padding:6px 16px;border-radius:var(--border-radius-full);text-decoration:none;font-size:var(--font-size-xs);transition:all var(--transition-base);border:none}.package-button-pro[data-v-70842e46]{background:var(--primary-color)}.package-button-pro[data-v-70842e46]:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.package-button-unlimited[data-v-70842e46]{background:var(--error-color)}.package-button-unlimited[data-v-70842e46]:hover{background:var(--error-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.banner-footer[data-v-70842e46]{margin-top:var(--spacing-md);border-top:1px dashed var(--border-color);padding-top:var(--spacing-sm)}.contact-list[data-v-70842e46]{display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-lg);margin:0;padding:0;list-style:none;font-size:var(--font-size-sm)}.contact-item[data-v-70842e46]{white-space:nowrap;color:var(--text-secondary)}.contact-link[data-v-70842e46]{color:var(--error-color);text-decoration:none;border-bottom:1px dotted var(--border-color);transition:color var(--transition-fast)}.contact-link[data-v-70842e46]:hover{color:var(--error-hover);border-bottom-color:var(--error-hover)}.contact-link-zalo[data-v-70842e46]{color:var(--info-color)}.contact-link-zalo[data-v-70842e46]:hover{color:var(--info-hover)}.contact-link-facebook[data-v-70842e46]{color:#1877f2}.contact-link-facebook[data-v-70842e46]:hover{color:#1565c0}@media (max-width:768px){.banner-header[data-v-70842e46]{flex-direction:column;text-align:center}.banner-promo[data-v-70842e46]{text-align:center}.contact-list[data-v-70842e46]{flex-direction:column;gap:var(--spacing-sm)}}.header-notify[data-v-5cf0e2dc]{margin-bottom:var(--spacing-lg)}.notify-alert-wrapper[data-v-5cf0e2dc]{cursor:pointer}.notify-alert[data-v-5cf0e2dc]{border-radius:var(--border-radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);box-shadow:0 4px 15px rgba(102,126,234,.4);position:relative;overflow:hidden}.notify-alert[data-v-5cf0e2dc]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.notify-alert[data-v-5cf0e2dc]:hover:before{left:100%}.notify-alert[data-v-5cf0e2dc]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6);border-color:hsla(0,0%,100%,.5)}.notify-alert-content[data-v-5cf0e2dc]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.notify-alert-text[data-v-5cf0e2dc]{flex:1;display:flex;flex-direction:column;gap:4px}.notify-alert-icon[data-v-5cf0e2dc]{font-size:24px;background:linear-gradient(135deg,#f093fb,#f5576c 50%,#ffd89b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;animation:pulse-5cf0e2dc 2s ease-in-out infinite,rotate-5cf0e2dc 3s linear infinite;filter:drop-shadow(0 2px 4px rgba(255,255,255,.5))}@keyframes pulse-5cf0e2dc{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes rotate-5cf0e2dc{0%{filter:drop-shadow(0 2px 4px rgba(255,255,255,.5)) hue-rotate(0deg)}to{filter:drop-shadow(0 2px 4px rgba(255,255,255,.5)) hue-rotate(1turn)}}.notify-alert-title[data-v-5cf0e2dc]{font-weight:600;font-size:var(--font-size-base);line-height:1.5;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.notify-alert-countdown[data-v-5cf0e2dc]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.countdown-label[data-v-5cf0e2dc]{font-weight:500;font-size:var(--font-size-sm);color:#fff9c4;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap}.countdown-expired[data-v-5cf0e2dc]{font-weight:600;font-size:var(--font-size-sm);color:#fcc;text-shadow:0 1px 3px rgba(0,0,0,.3);animation:fade-in-5cf0e2dc .5s ease-out}@keyframes fade-in-5cf0e2dc{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.countdown-numbers[data-v-5cf0e2dc]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.countdown-item[data-v-5cf0e2dc]{display:inline-flex;align-items:baseline;gap:2px;padding:2px 6px;border-radius:4px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(4px);transition:all .3s ease;animation:slideIn-5cf0e2dc .3s ease-out}.countdown-item.highlight[data-v-5cf0e2dc]{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,165,0,.3));box-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,165,0,.3);animation:slideIn-5cf0e2dc .3s ease-out,pulse-glow-5cf0e2dc 1s ease-in-out infinite}.countdown-value[data-v-5cf0e2dc]{font-weight:700;font-size:var(--font-size-base);color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.8),0 2px 4px rgba(0,0,0,.3);font-variant-numeric:tabular-nums;min-width:24px;text-align:center;display:inline-block;transition:transform .2s ease}.countdown-item.highlight .countdown-value[data-v-5cf0e2dc]{color:#fff9c4;text-shadow:0 0 12px gold,0 0 20px rgba(255,165,0,.6),0 2px 4px rgba(0,0,0,.3);animation:number-flip-5cf0e2dc 1s ease-in-out infinite}.countdown-unit[data-v-5cf0e2dc]{font-weight:500;font-size:11px;color:hsla(0,0%,100%,.9);text-shadow:0 1px 2px rgba(0,0,0,.2);text-transform:lowercase}@keyframes slideIn-5cf0e2dc{0%{opacity:0;transform:translateY(-4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-glow-5cf0e2dc{0%,to{box-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,165,0,.3);transform:scale(1)}50%{box-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,165,0,.5);transform:scale(1.05)}}@keyframes number-flip-5cf0e2dc{0%,to{transform:scale(1) rotateY(0deg)}50%{transform:scale(1.1) rotateY(5deg)}}.notify-alert-arrow[data-v-5cf0e2dc]{font-size:20px;color:#fff;transition:transform .3s ease;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.notify-alert:hover .notify-alert-arrow[data-v-5cf0e2dc]{transform:translateX(4px)}.notification-modal .ant-modal-header[data-v-5cf0e2dc]{border-bottom:2px solid var(--border-color);padding:20px 24px}.notification-modal .ant-modal-title[data-v-5cf0e2dc]{font-size:var(--font-size-lg);font-weight:600;text-align:center}.notification-modal .ant-modal-body[data-v-5cf0e2dc]{padding:24px}.modal-content-wrapper[data-v-5cf0e2dc]{border-radius:var(--border-radius-md);overflow:hidden}.modal-image-container[data-v-5cf0e2dc]{max-height:70vh;overflow-y:auto;border-radius:var(--border-radius-md);background:#f8f9fa;text-align:center;-webkit-overflow-scrolling:touch}.modal-image[data-v-5cf0e2dc]{width:100%;height:auto;display:block;max-width:100%;-o-object-fit:contain;object-fit:contain}.notification-modal .ant-modal-footer[data-v-5cf0e2dc]{border-top:2px solid var(--border-color);padding:16px 24px;text-align:center}.notification-modal .ant-modal-footer .ant-btn[data-v-5cf0e2dc]{min-width:120px;height:40px;font-weight:500;border-radius:var(--border-radius-md)}@media (max-width:768px){.notify-alert[data-v-5cf0e2dc]{padding:10px 14px}.notify-alert-title[data-v-5cf0e2dc]{font-size:var(--font-size-sm)}.notify-alert-countdown[data-v-5cf0e2dc]{flex-direction:column;align-items:flex-start;gap:4px}.countdown-label[data-v-5cf0e2dc]{font-size:11px}.countdown-numbers[data-v-5cf0e2dc]{gap:4px}.countdown-item[data-v-5cf0e2dc]{padding:1px 4px}.countdown-value[data-v-5cf0e2dc]{font-size:var(--font-size-sm);min-width:20px}.countdown-unit[data-v-5cf0e2dc]{font-size:10px}.notify-alert-arrow[data-v-5cf0e2dc]{font-size:16px}.modal-image-container[data-v-5cf0e2dc]{max-height:60vh}.notification-modal .ant-modal-body[data-v-5cf0e2dc]{padding:16px}.notification-modal .ant-modal-footer .ant-btn[data-v-5cf0e2dc]{min-width:100px;height:36px;font-size:var(--font-size-sm)}}.hand-mouse[data-v-5cf0e2dc]{cursor:pointer}.service-step-container[data-v-f7afc500]{display:flex;flex-direction:column;gap:var(--spacing-md)}.username-card[data-v-f7afc500]{margin-bottom:0}.username-section[data-v-f7afc500]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.username-header[data-v-f7afc500]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.username-icon[data-v-f7afc500]{color:var(--primary-color);font-size:20px}.username-title[data-v-f7afc500]{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.error-message[data-v-f7afc500]{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);color:var(--error-color);font-size:var(--font-size-sm)}.error-message .anticon[data-v-f7afc500]{color:var(--error-color)}.username-input[data-v-f7afc500]{margin-top:var(--spacing-sm);border-radius:var(--border-radius-md)}.info-icon[data-v-f7afc500]{color:var(--text-tertiary)}.service-card[data-v-f7afc500]{margin-top:0}.service-card-title[data-v-f7afc500]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.service-card-title .anticon[data-v-f7afc500]{color:var(--primary-color);font-size:18px}.service-tabs[data-v-f7afc500]{margin-top:var(--spacing-md)}.service-radio-group[data-v-f7afc500]{width:100%}.service-grid[data-v-f7afc500]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.service-grid.service-grid-4-columns[data-v-f7afc500]{grid-template-columns:repeat(4,minmax(0,1fr))!important;min-width:0}@media (min-width:1201px){.service-grid.service-grid-4-columns[data-v-f7afc500]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width:1200px){.service-grid.service-grid-4-columns[data-v-f7afc500]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:768px){.service-grid[data-v-f7afc500]{grid-template-columns:1fr;gap:var(--spacing-sm)}.service-grid.service-grid-4-columns[data-v-f7afc500]{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.service-grid.service-grid-4-columns[data-v-f7afc500]{grid-template-columns:1fr}}.service-option-card[data-v-f7afc500]{border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--bg-primary);transition:all var(--transition-base);cursor:pointer;touch-action:manipulation;display:flex;flex-direction:column;min-height:200px;position:relative}.service-option-card[data-v-f7afc500]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-option-card.service-option-selected[data-v-f7afc500]{border-color:var(--primary-color);background:var(--primary-light);box-shadow:var(--shadow-lg)}.service-option-card.service-option-disabled[data-v-f7afc500]{opacity:.6;cursor:not-allowed;pointer-events:none}.service-option-card.service-option-best-choice[data-v-f7afc500]{border-color:var(--warning-color);border-width:2px}.service-option-card.service-option-best-choice[data-v-f7afc500]:hover{border-color:var(--warning-color);box-shadow:0 4px 12px rgba(255,193,7,.3)}.service-option-card.service-option-best-choice.service-option-selected[data-v-f7afc500]{border-color:var(--warning-color);background:linear-gradient(135deg,var(--primary-light) 0,rgba(255,193,7,.1) 100%)}.service-best-choice-badge[data-v-f7afc500]{position:absolute;top:-10px;right:10px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(255,193,7,.4);z-index:10;text-transform:uppercase;letter-spacing:.5px}.service-best-choice-badge .anticon[data-v-f7afc500]{font-size:12px}.service-option-header[data-v-f7afc500]{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.service-option-logo-container[data-v-f7afc500]{flex-shrink:0}.service-option-logo[data-v-f7afc500]{-o-object-fit:contain;object-fit:contain;padding:var(--spacing-xs)}.service-option-logo-placeholder[data-v-f7afc500],.service-option-logo[data-v-f7afc500]{width:56px;height:56px;border-radius:var(--border-radius-md);background:var(--bg-secondary)}.service-option-logo-placeholder[data-v-f7afc500]{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:24px}.service-option-title-section[data-v-f7afc500]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-option-radio[data-v-f7afc500]{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.service-option-name[data-v-f7afc500]{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.service-option-selected .service-option-name[data-v-f7afc500]{color:var(--primary-color)}.service-option-subtitle[data-v-f7afc500]{color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs);text-align:left;align-self:flex-start;display:block;width:100%}.service-option-selected .service-option-subtitle[data-v-f7afc500]{color:var(--primary-color)}.service-option-total-months[data-v-f7afc500]{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);text-align:left;align-self:flex-start;display:block;width:100%}.service-option-selected .service-option-total-months[data-v-f7afc500]{color:var(--primary-color)}.service-hot-badge[data-v-f7afc500]{display:inline-block;padding:3px 8px;background:var(--error-color);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);margin-top:var(--spacing-xs);align-self:flex-start}.service-option-content[data-v-f7afc500]{flex:1;margin-bottom:var(--spacing-md)}.service-promotion-period[data-v-f7afc500]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-light);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.promotion-period-icon[data-v-f7afc500]{color:var(--primary-color);font-size:14px}.promotion-period-text[data-v-f7afc500]{color:var(--primary-color);font-weight:var(--font-weight-medium)}.service-option-selected .service-promotion-period[data-v-f7afc500]{background:hsla(0,0%,100%,.2)}.service-features[data-v-f7afc500]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.service-feature-item[data-v-f7afc500]{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.feature-icon[data-v-f7afc500]{color:var(--success-color);font-size:14px;margin-top:3px;flex-shrink:0}.feature-text[data-v-f7afc500]{flex:1}.service-promotions[data-v-f7afc500]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.service-promotion-item[data-v-f7afc500]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.promotion-icon[data-v-f7afc500]{color:var(--warning-color);font-size:14px;flex-shrink:0}.promotion-link[data-v-f7afc500]{color:var(--primary-color);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.promotion-link[data-v-f7afc500]:hover{color:var(--primary-hover);text-decoration:underline}.service-option-footer[data-v-f7afc500]{margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.service-price-section[data-v-f7afc500]{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.service-price-old[data-v-f7afc500]{color:var(--text-tertiary);font-size:var(--font-size-sm);text-decoration:line-through}.service-price-current[data-v-f7afc500]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.service-option-selected .service-price-current[data-v-f7afc500]{color:var(--primary-hover)}@media (max-width:768px){.service-option-card[data-v-f7afc500]{min-height:auto;padding:var(--spacing-sm)}.service-option-logo-placeholder[data-v-f7afc500],.service-option-logo[data-v-f7afc500]{width:48px;height:48px}.service-option-name[data-v-f7afc500]{font-size:var(--font-size-sm)}.service-price-current[data-v-f7afc500]{font-size:var(--font-size-lg)}.service-features[data-v-f7afc500],.service-promotions[data-v-f7afc500]{font-size:var(--font-size-xs)}}.hand-mouse[data-v-f7afc500]{cursor:pointer}.method-card[data-v-c47043ca]{margin-top:var(--spacing-md)}.method-radio-group[data-v-c47043ca]{width:100%}.method-list[data-v-c47043ca]{background:transparent}.method-item[data-v-c47043ca]{padding:var(--spacing-md)!important;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xs);border:1px solid var(--border-color);transition:all var(--transition-base);background:var(--bg-primary);text-align:center;touch-action:manipulation}@media (max-width:768px){.method-item[data-v-c47043ca]{padding:var(--spacing-lg) var(--spacing-md)!important;min-height:44px}}.method-item[data-v-c47043ca]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.method-title[data-v-c47043ca]{margin-bottom:var(--spacing-md)}.method-radio[data-v-c47043ca]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.method-details[data-v-c47043ca]{margin-top:var(--spacing-sm)}.method-logo-container[data-v-c47043ca]{margin-bottom:var(--spacing-sm)}.method-logo[data-v-c47043ca]{height:50px;width:auto;-o-object-fit:contain;object-fit:contain}.method-info[data-v-c47043ca]{margin-top:var(--spacing-sm)}.method-id[data-v-c47043ca]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.method-owner[data-v-c47043ca]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.hand-mouse[data-v-c47043ca]{cursor:pointer}.payment-step-container[data-v-7e289cf7]{margin-top:var(--spacing-md)}.qr-code-container[data-v-7e289cf7]{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.qr-code-image[data-v-7e289cf7]{max-height:350px;width:auto;border-radius:var(--border-radius-md)}@media (max-width:768px){.qr-code-image[data-v-7e289cf7]{max-height:280px;width:100%;max-width:280px}}@media (max-width:480px){.qr-code-image[data-v-7e289cf7]{max-height:240px;max-width:240px}}.payment-instruction-card[data-v-7e289cf7]{margin-top:var(--spacing-md)}.payment-steps-container[data-v-7e289cf7]{padding:var(--spacing-sm) 0}.payment-instruction-steps[data-v-7e289cf7]{margin-bottom:var(--spacing-md)}.step-description[data-v-7e289cf7]{padding-top:var(--spacing-md)}.payment-alert[data-v-7e289cf7]{width:100%;max-width:600px;margin:0 auto;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base)}.payment-alert[data-v-7e289cf7]:hover{box-shadow:var(--shadow-md)}@media (max-width:768px){.payment-alert[data-v-7e289cf7]{max-width:100%}}.payment-alert .ant-col[data-v-7e289cf7]:first-child{display:flex;justify-content:flex-end;padding-right:25px;box-sizing:border-box;overflow:hidden}.payment-method-logo[data-v-7e289cf7]{height:50px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;display:block}.payment-method-text-wrapper[data-v-7e289cf7]{display:flex;align-items:center;gap:8px}.payment-method-text[data-v-7e289cf7]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);flex:1}.payment-note-wrapper[data-v-7e289cf7]{display:flex;align-items:center;gap:8px}.payment-note-wrapper>span[data-v-7e289cf7]{flex:1}.copy-icon[data-v-7e289cf7]{cursor:pointer;color:var(--text-secondary);font-size:16px;transition:color .3s;flex-shrink:0}.copy-icon[data-v-7e289cf7]:hover{color:var(--primary-color)}.payment-amount[data-v-7e289cf7]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color);display:block;text-align:center}@media (max-width:768px){.payment-amount[data-v-7e289cf7]{font-size:var(--font-size-xl)}}.confirm-text[data-v-7e289cf7]{margin-bottom:var(--spacing-sm);color:var(--text-secondary);text-align:center}.confirm-payment-btn[data-v-7e289cf7]{margin-top:var(--spacing-sm);min-width:180px;height:38px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);touch-action:manipulation;display:block;margin-left:auto;margin-right:auto}@media (max-width:768px){.confirm-payment-btn[data-v-7e289cf7]{min-width:100%;height:44px;font-size:var(--font-size-base)}}.payment-note[data-v-7e289cf7]{margin-top:var(--spacing-md)}.success-alert[data-v-7e289cf7]{width:100%;border-radius:var(--border-radius-md)}.hand-mouse[data-v-7e289cf7]{cursor:pointer}.finish-step-container[data-v-762eea62]{margin-top:var(--spacing-md)}.finish-card[data-v-762eea62]{padding:var(--spacing-lg)}.steps-body[data-v-762eea62]{background:transparent;border-radius:0}.payment-result[data-v-762eea62]{padding:var(--spacing-lg) 0}.payment-success-content[data-v-762eea62]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary)}@media (max-width:768px){.finish-card[data-v-762eea62]{padding:var(--spacing-md)}.payment-result[data-v-762eea62]{padding:var(--spacing-md) 0}}.text-center[data-v-43c9ca9e]{text-align:center}.payment-container[data-v-00b4a066]{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.payment-wrapper[data-v-00b4a066]{width:100%;margin:0 auto}.payment-wrapper.mobile[data-v-00b4a066]{padding:0}.steps-column[data-v-00b4a066]{padding:0;margin-bottom:var(--spacing-lg)}@media (min-width:768px){.steps-column[data-v-00b4a066]{padding-right:var(--spacing-lg);margin-bottom:0}}.step-header-alert[data-v-00b4a066]{margin-bottom:var(--spacing-md)}.info-alert[data-v-00b4a066]{border-radius:var(--border-radius-md)}.payment-step-text[data-v-00b4a066]{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.payment-step-text b[data-v-00b4a066]{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.content-column[data-v-00b4a066]{padding:0}@media (min-width:768px){.content-column[data-v-00b4a066]{padding-left:var(--spacing-lg)}}.steps-action[data-v-00b4a066]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}@media (max-width:768px){.steps-action[data-v-00b4a066]{justify-content:center}}.action-btn[data-v-00b4a066]{min-width:100px;height:36px;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base);touch-action:manipulation}@media (max-width:768px){.action-btn[data-v-00b4a066]{min-width:90px;height:44px;font-size:var(--font-size-base);padding:0 var(--spacing-md)}}.action-btn-primary[data-v-00b4a066]{box-shadow:var(--shadow-sm)}.action-btn-primary[data-v-00b4a066]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success[data-v-00b4a066]{background-color:var(--success-color)!important;border-color:var(--success-color)!important}.btn-success[data-v-00b4a066]:hover{background-color:var(--success-hover)!important;border-color:var(--success-hover)!important}.steps-content[data-v-00b4a066]{margin-top:var(--spacing-md)}.hand-mouse[data-v-00b4a066]{cursor:pointer}@media (max-width:768px){.payment-container[data-v-00b4a066]{padding:var(--spacing-sm)}.steps-action[data-v-00b4a066]{text-align:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.steps-content[data-v-00b4a066]{margin-top:var(--spacing-sm)}}@media (max-width:480px){.payment-container[data-v-00b4a066]{padding:var(--spacing-xs)}.steps-action[data-v-00b4a066]{flex-direction:column;width:100%}.action-btn[data-v-00b4a066]{width:100%;min-width:100%}}.fixed-banner[data-v-00b4a066]{position:sticky;top:80px;margin-top:var(--spacing-md)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--success-color:#10b981;--success-hover:#059669;--success-light:#d1fae5;--warning-color:#f59e0b;--warning-hover:#d97706;--warning-light:#fef3c7;--error-color:#ef4444;--error-hover:#dc2626;--error-light:#fee2e2;--info-color:#3b82f6;--info-hover:#2563eb;--info-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-disabled:#9ca3af;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-overlay:rgba(0,0,0,.5);--border-color:#e5e7eb;--border-color-hover:#d1d5db;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;line-height:var(--line-height-relaxed)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover)}.card-header{border-bottom:1px solid var(--border-color)}.card-body,.card-footer,.card-header{padding:var(--spacing-lg)}.card-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--primary-color);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:var(--success-color);color:var(--text-inverse)}.btn-success:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width:768px){.hide-mobile{display:none!important}:root{--font-size-4xl:1.5rem;--font-size-3xl:1.25rem;--font-size-2xl:1.125rem;--font-size-xl:1rem;--font-size-lg:0.9375rem;--font-size-base:0.875rem;--font-size-sm:0.8125rem;--font-size-xs:0.75rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.625rem;--spacing-lg:0.875rem;--spacing-xl:1rem}}@media (max-width:480px){:root{--font-size-4xl:1.25rem;--font-size-3xl:1.125rem;--font-size-2xl:1rem;--font-size-xl:0.9375rem;--font-size-lg:0.875rem;--font-size-base:0.8125rem;--font-size-sm:0.75rem;--font-size-xs:0.6875rem}}@media (min-width:769px){.hide-desktop{display:none!important}}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@media (max-width:768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}a,button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}