.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-base{font-size:var(--fs-base)}.fs-md{font-size:var(--fs-md)}.fs-lg{font-size:var(--fs-lg)}.fs-xl{font-size:var(--fs-xl)}.fs-2xl{font-size:var(--fs-2xl)}.fs-3xl{font-size:var(--fs-3xl)}.fs-4xl{font-size:var(--fs-4xl)}.subtitle{font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4f7fe0}.title{font-size:var(--fs-2xl);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.015em;color:#4f7fe0;text-transform:uppercase}.text-medium{font-size:var(--fs-lg);font-weight:700;color:#4f7fe0}.text-body{font-size:var(--fs-base);line-height:var(--lh-normal);color:#667085}:root{--color-primary: #4f7fe0;--color-primary-soft: #6ea8ff;--color-text-primary: #1f2937;--color-text-secondary: #667085;--color-bg-base: #ffffff;--color-bg-mid: #f4f7ff;--color-bg-soft: #eaf1ff;--color-bg-footer: #1e2a3a;--color-border: rgba(110, 168, 255, .2);--color-shadow: 0 4px 16px rgba(120, 140, 180, .12);--color-shadow-hover: 0 10px 40px rgba(120, 140, 180, .2);--color-glass-bg: rgba(255, 255, 255, .55);--color-glass-border: rgba(255, 255, 255, .7);--color-text-light: #9ca3af;--color-accent: #ff941a;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #6ea8ff;--radius-card: 24px;--radius-card-lg: 28px;--radius-btn: 18px;--radius-sm: 14px;--section-padding: 72px;--section-padding-mobile: 48px;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: clamp(1.25rem, 2.4vw, 1.5rem);--fs-2xl: clamp(1.5rem, 3vw, 1.875rem);--fs-3xl: clamp(1.875rem, 4vw, 2.5rem);--fs-4xl: clamp(2.25rem, 5vw, 3rem);--lh-tight: 1.15;--lh-snug: 1.35;--lh-normal: 1.6;--lh-relaxed: 1.75;--bg-page-gradient: linear-gradient(160deg, #ffffff 0%, #f4f7ff 50%, #eaf1ff 100%);--btn-gradient: linear-gradient(135deg, #6ea8ff 0%, #4f7fe0 100%);--color-primary-2: #6ea8ff;--color-line: rgba(79, 127, 224, .14);--color-line-strong: rgba(79, 127, 224, .28);--grad-blue: linear-gradient(135deg, #6ea8ff 0%, #4f7fe0 100%);--grad-blue-hover: linear-gradient(135deg, #80b6ff 0%, #5f8de8 100%);--navy: #1e2a3a;--radius: 12px}html,body{height:100%;overflow-x:hidden}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary);background:var(--bg-page-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-course-list[id],app-dttx-programs[id],app-dao-tao-tu-xa[id]{scroll-margin-top:76px}.content-with-breaks{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}.btn-primary{padding:10px 28px;border-radius:var(--radius-btn);background:var(--btn-gradient);border:none;color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 14px #4f7fe047;transition:all .22s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background:linear-gradient(135deg,#7db5ff,#5a8ae8);transform:translateY(-2px);box-shadow:0 6px 20px #4f7fe061}