@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0&display=block");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--tl-primary:var(--md-sys-color-primary,#1a032f);--tl-primary-light:var(--md-sys-color-primary-container,#f3e8ff);--tl-primary-medium:#ddd6fe;--tl-primary-dark:#4c1d95;--tl-on-primary:var(--md-sys-color-surface,#fff);--tl-surface:var(--md-sys-color-surface,#fff);--tl-surface-low:var(--md-sys-color-surface-container-low,#f8f9fa);--tl-surface-variant:#f3f4f6;--tl-surface-tint:#f8f7ff;--tl-outline:#9ca3af;--tl-outline-variant:#e5e7eb;--tl-on-surface:#111827;--tl-on-surface-muted:#4b5563;--tl-on-surface-faint:#9ca3af;--tl-radius-sm:8px;--tl-radius-md:12px;--tl-radius-lg:16px;--tl-radius-xl:24px;--tl-radius-pill:100px;--tl-shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--tl-shadow-md:0 4px 16px -4px #0000001a,0 2px 6px #0000000f;--tl-shadow-lg:0 8px 32px -8px #0000001f,0 4px 12px #0000000f;--tl-shadow-hover:0 12px 40px -8px #6b21a82e,0 4px 12px #6b21a814}*{box-sizing:border-box}.material-symbols-rounded{display:inline-block;font-family:Material Symbols Rounded!important;font-size:inherit;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";white-space:nowrap;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.tl-hero{background:linear-gradient(180deg,#faf7fd,#fff);border-bottom:1px solid var(--tl-outline-variant);overflow:hidden;padding:130px 0 100px;position:relative}.tl-hero:after{color:#6b21a80d;content:"\201C";font-family:Georgia,Times New Roman,serif;font-size:28rem;line-height:1;right:4%;top:-60px;-webkit-user-select:none;user-select:none}.tl-hero:after,.tl-hero:before{pointer-events:none;position:absolute;z-index:0}.tl-hero:before{background:radial-gradient(ellipse,#6b21a80f 0,#0000 70%);content:"";height:400px;left:50%;top:-100px;transform:translateX(-50%);width:800px}.tl-hero__inner{margin:0 auto;max-width:860px;padding:83px 32px 0;position:relative;text-align:center;z-index:1}.tl-breadcrumb{align-items:center;color:var(--tl-on-surface-faint);display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px;justify-content:center;margin-bottom:32px}.tl-breadcrumb a{color:var(--tl-on-surface-muted);text-decoration:none;transition:color .15s}.tl-breadcrumb a:hover{color:var(--tl-primary)}.tl-breadcrumb__sep{color:var(--tl-outline);font-size:.7rem}.tl-hero__badge{align-items:center;background:var(--tl-primary-light);border:1px solid #6b21a833;border-radius:var(--tl-radius-pill);color:var(--tl-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:7px;letter-spacing:.06em;margin-bottom:24px;padding:8px 20px;text-transform:uppercase}.tl-hero__badge svg{flex-shrink:0}.tl-hero__badge .material-symbols-rounded{flex-shrink:0;font-size:16px;letter-spacing:normal!important;line-height:1;text-transform:none!important}.tl-hero__title{color:var(--tl-on-surface);font-size:clamp(2rem,5.5vw,3.5rem);font-weight:800;letter-spacing:-1.5px;line-height:1.12;margin:0 0 22px}.tl-hero__title-gradient{color:var(--tl-primary)}.tl-hero__desc{color:var(--tl-on-surface-muted);font-size:1.0625rem;line-height:1.75;margin:0 auto 44px;max-width:580px}.tl-hero__stats{align-items:center;background:var(--tl-surface);border:1px solid var(--tl-outline-variant);border-radius:var(--tl-radius-lg);box-shadow:var(--tl-shadow-sm);display:inline-flex;flex-wrap:nowrap;justify-content:center;padding:20px 0}.tl-hero__stat{padding:0 32px;text-align:center}.tl-hero__stat-num{color:var(--tl-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1}.tl-hero__stat-label{color:var(--tl-on-surface-faint);font-size:.875rem;line-height:1.3;margin-top:4px}.tl-hero__stat-divider{background:var(--tl-outline-variant);flex-shrink:0;height:40px;width:1px}@media (max-width:560px){.tl-hero{padding:100px 0 72px}.tl-hero__inner{padding:0 20px}.tl-hero__title{font-size:clamp(1.75rem,8vw,2.5rem);letter-spacing:-.5px}.tl-hero__stats{flex-direction:column;gap:0;padding:16px 32px}.tl-hero__stat{padding:10px 32px}.tl-hero__stat-divider{height:1px;width:60px}}.tl-section{padding:88px 0;width:100%}.tl-section--light{background:var(--tl-surface-tint)}.tl-section--white{background:var(--tl-surface)}.tl-section--warm{background:var(--tl-surface-low)}.tl-section__inner{margin:0 auto;max-width:1240px;padding:0 32px}@media (max-width:768px){.tl-section{padding:56px 0}.tl-section__inner{padding:0 20px}}.tl-section__header{margin-bottom:52px;text-align:center}.tl-section__tag{align-items:center;background:var(--tl-primary-light);border:1px solid #6b21a826;border-radius:var(--tl-radius-pill);color:var(--tl-primary);display:inline-flex;font-size:.875rem;font-weight:700;gap:6px;letter-spacing:.08em;margin-bottom:14px;padding:8px 16px;text-transform:uppercase}.tl-section__title{color:var(--tl-on-surface);font-size:clamp(1.625rem,4vw,2.5rem);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.tl-section__desc{color:var(--tl-on-surface-muted);font-size:1rem;line-height:1.7;margin:0 auto;max-width:520px}.tl-filter-bar{background:var(--tl-surface);border:1.5px solid var(--tl-outline-variant);box-shadow:var(--tl-shadow-sm);display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 24px;max-width:fit-content;padding:6px}.tl-filter-bar,.tl-filter-btn{align-items:center;border-radius:var(--tl-radius-pill);gap:6px}.tl-filter-btn{background:#0000;border:none;color:var(--tl-on-surface-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;padding:10px 20px;transition:all .18s cubic-bezier(.16,1,.3,1);white-space:nowrap}.tl-filter-btn:hover{background:var(--tl-primary-light);color:var(--tl-primary)}.tl-filter-btn.is-active{background:var(--tl-primary);box-shadow:0 2px 12px -2px #6b21a866;color:var(--tl-on-primary)}.tl-filter-btn__count{align-items:center;border-radius:var(--tl-radius-pill);display:inline-flex;font-size:.8125rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.tl-filter-btn.is-active .tl-filter-btn__count{background:#fff3;color:var(--md-sys-color-on-primary)}.tl-filter-btn:not(.is-active) .tl-filter-btn__count{background:var(--tl-primary-light);color:var(--tl-primary)}@media (max-width:700px){.tl-filter-bar{border-radius:var(--tl-radius-lg);gap:6px;max-width:100%;padding:8px}.tl-filter-btn{font-size:.78rem;padding:7px 13px}}.tl-results-count{color:var(--tl-on-surface-faint);font-size:.8125rem;font-weight:500;margin-bottom:40px;text-align:center}.tl-results-count strong{color:var(--tl-primary);font-weight:700}.tl-featured{background:linear-gradient(135deg,var(--tl-surface) 0,#fcfbfe 100%);border:1px solid var(--tl-outline-variant);border-radius:var(--tl-radius-xl);box-shadow:var(--tl-shadow-md);margin-bottom:56px;overflow:hidden;padding:56px 48px;position:relative;text-align:center}.tl-featured:before{color:#6b21a80f;content:"\201C";font-family:Georgia,serif;font-size:20rem;left:24px;line-height:1;pointer-events:none;position:absolute;top:-40px;z-index:0}.tl-featured:after{background:linear-gradient(90deg,var(--tl-primary),#a78bfa);border-radius:var(--tl-radius-xl) var(--tl-radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tl-featured__inner{position:relative;z-index:1}.tl-featured__open-quote{color:var(--tl-primary);display:block;font-family:Georgia,serif;font-size:3.5rem;line-height:1;margin-bottom:12px;opacity:.25}.tl-featured__en{color:var(--tl-on-surface);font-size:clamp(1.2rem,3vw,1.75rem);font-style:italic;font-weight:600;line-height:1.55;margin:0 auto 18px;max-width:780px}.tl-featured__vn{color:var(--tl-on-surface-muted);font-size:1.0625rem;line-height:1.75;margin:0 auto 32px;max-width:680px}.tl-featured__author{align-items:center;background:var(--tl-surface-low);border:1px solid var(--tl-outline-variant);border-radius:var(--tl-radius-pill);display:inline-flex;gap:12px;padding:8px 24px 8px 8px}.tl-featured__avatar{align-items:center;background:linear-gradient(135deg,var(--tl-primary-medium) 0,#a78bfa 100%);border-radius:50%;color:var(--tl-primary-dark);display:flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:44px;justify-content:center;overflow:hidden;width:44px}.tl-featured__avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.tl-featured__author-info{text-align:left}.tl-featured__name{color:var(--tl-on-surface);display:block;font-size:1rem;font-weight:700}.tl-featured__era{color:var(--tl-on-surface-faint);font-size:.875rem}@media (max-width:640px){.tl-featured{padding:36px 24px 40px}.tl-featured__en{font-size:1.125rem}}.tl-quote-grid{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1000px;padding:40px 0;position:relative}.tl-quote-grid:before{background:var(--tl-outline-variant);border-radius:4px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.tl-quote-card{align-items:center;align-self:flex-start;background:var(--tl-surface);border:1px solid var(--tl-outline-variant);border-radius:var(--tl-radius-md);display:grid;gap:20px 24px;grid-template-areas:"num author" "qmark author" "en author" "vn author";grid-template-columns:1fr 140px;opacity:1;padding:40px;position:relative;transform:translateY(0);transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease;width:calc(50% - 40px)}.tl-quote-card:nth-child(2n){align-self:flex-end;grid-template-areas:"author num" "author qmark" "author en" "author vn";grid-template-columns:140px 1fr;text-align:right}.tl-quote-card:after{background:var(--tl-surface);border-bottom:1px solid var(--tl-outline-variant);border-right:1px solid var(--tl-outline-variant);content:"";height:18px;position:absolute;right:-9px;top:40px;transform:rotate(-45deg);transition:background .22s ease,border-color .22s ease;width:18px;z-index:1}.tl-quote-card:nth-child(2n):after{border-bottom:none;border-left:1px solid var(--tl-outline-variant);border-right:none;border-top:1px solid var(--tl-outline-variant);left:-9px;right:auto}.js-loaded .tl-quote-card:not(.is-visible){opacity:0;transform:translateY(16px)}.tl-quote-card.is-visible{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease,box-shadow .22s ease,border-color .22s ease}.tl-quote-card.is-hidden{display:none}.tl-quote-card:hover{box-shadow:var(--tl-shadow-hover);transform:translateY(-4px)}.tl-quote-card:hover,.tl-quote-card:hover:after{border-color:#6b21a833}.tl-quote-card:before{border-radius:var(--tl-radius-md) var(--tl-radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:2}.tl-quote-card--purple:before{background:linear-gradient(90deg,#1a032f,#a855f7)}.tl-quote-card--blue:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.tl-quote-card--teal:before{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.tl-quote-card--amber:before{background:linear-gradient(90deg,#d97706,#fcd34d)}.tl-quote-card--purple:hover,.tl-quote-card--purple:hover:after{background:#f8f5fc}.tl-quote-card--blue:hover,.tl-quote-card--blue:hover:after{background:#f0f5ff}.tl-quote-card--teal:hover,.tl-quote-card--teal:hover:after{background:#f0fdfa}.tl-quote-card--amber:hover,.tl-quote-card--amber:hover:after{background:#fffbeb}.tl-quote-card__num{grid-area:num}.tl-quote-card__qmark{grid-area:qmark}.tl-quote-card__en{grid-area:en}.tl-quote-card__vn{grid-area:vn}.tl-quote-card__author{grid-area:author}.tl-quote-card__num{color:var(--tl-on-surface);font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.03em;opacity:.3;position:absolute;right:18px;top:18px}.tl-quote-card:nth-child(2n) .tl-quote-card__num{left:18px;right:auto}.tl-quote-card__num:before{background:var(--tl-surface);border:4px solid var(--tl-outline-variant);border-radius:50%;content:"";height:16px;position:absolute;right:-66px;top:22px;transition:border-color .22s ease,transform .2s,background .2s;width:16px;z-index:2}.tl-quote-card:nth-child(2n) .tl-quote-card__num:before{left:-66px;right:auto}.tl-quote-card--purple:hover .tl-quote-card__num:before{background:var(--md-sys-color-surface);border-color:#a855f7;transform:scale(1.3)}.tl-quote-card--blue:hover .tl-quote-card__num:before{background:var(--md-sys-color-surface);border-color:#3b82f6;transform:scale(1.3)}.tl-quote-card--teal:hover .tl-quote-card__num:before{background:var(--md-sys-color-surface);border-color:#14b8a6;transform:scale(1.3)}.tl-quote-card--amber:hover .tl-quote-card__num:before{background:var(--md-sys-color-surface);border-color:#f59e0b;transform:scale(1.3)}.tl-quote-card__qmark{display:block;font-family:Georgia,Times New Roman,serif;font-size:4rem;line-height:.8;margin-bottom:-10px;margin-left:-4px;opacity:.85;transition:transform .2s ease}.tl-quote-card:nth-child(2n) .tl-quote-card__qmark{margin-left:0;margin-right:-4px}.tl-quote-card:hover .tl-quote-card__qmark{transform:scale(1.08)}.tl-quote-card--purple .tl-quote-card__qmark{color:var(--tl-primary)}.tl-quote-card--blue .tl-quote-card__qmark{color:#2563eb}.tl-quote-card--teal .tl-quote-card__qmark{color:#0d9488}.tl-quote-card--amber .tl-quote-card__qmark{color:#d97706}.tl-quote-card__en{color:var(--tl-on-surface);font-size:1.15rem;font-style:italic;font-weight:600;line-height:1.6;margin:0 0 16px}.tl-quote-card__vn{background:var(--tl-surface-low);border-left:4px solid;border-radius:var(--tl-radius-sm);color:var(--tl-on-surface-muted);font-size:.95rem;line-height:1.7;margin:0;padding:16px 20px}.tl-quote-card:nth-child(2n) .tl-quote-card__vn{border-left:none;border-right:4px solid}.tl-quote-card--purple .tl-quote-card__vn{border-color:var(--md-sys-color-tertiary)}.tl-quote-card--blue .tl-quote-card__vn{border-color:#60a5fa}.tl-quote-card--teal .tl-quote-card__vn{border-color:#2dd4bf}.tl-quote-card--amber .tl-quote-card__vn{border-color:#fcd34d}.tl-quote-card__author{align-items:center;border-top:none;display:flex;flex-direction:column;gap:12px;margin-top:0;padding:0;text-align:center}.tl-quote-card__avatar{align-items:center;background:var(--tl-primary-light);border-radius:50%;box-shadow:var(--tl-shadow-sm);display:flex;height:100px;justify-content:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100px}.tl-quote-card:hover .tl-quote-card__avatar{box-shadow:var(--tl-shadow-md);transform:scale(1.05)}.tl-quote-card__avatar img{display:block;height:100%;object-fit:cover;width:100%}.tl-quote-card__author-info{flex:none}.tl-quote-card__name{color:var(--tl-on-surface);font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:4px}.tl-quote-card__era{color:var(--tl-on-surface-faint);font-size:.8125rem;margin-bottom:12px}.tl-quote-card__tag{border-radius:var(--tl-radius-pill);font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:6px 16px;text-transform:uppercase;white-space:nowrap}.tl-quote-card--purple .tl-quote-card__tag{background:var(--tl-primary-light);color:var(--tl-primary-dark)}.tl-quote-card--blue .tl-quote-card__tag{background:#dbeafe;color:#1e40af}.tl-quote-card--teal .tl-quote-card__tag{background:#ccfbf1;color:#0f766e}.tl-quote-card--amber .tl-quote-card__tag{background:#fef3c7;color:#92400e}@media (max-width:768px){.tl-quote-grid:before{left:24px;transform:none}.tl-quote-grid{gap:24px;padding:24px 0}.tl-quote-card,.tl-quote-card:nth-child(2n){align-self:flex-start;gap:16px;grid-template-areas:"author" "qmark" "en" "vn";grid-template-columns:1fr;margin-left:48px;padding:32px 24px;text-align:left;width:calc(100% - 48px)}.tl-quote-card:nth-child(2n) .tl-quote-card__author,.tl-quote-card__author{flex-direction:row;text-align:left}.tl-quote-card__avatar{height:60px;width:60px}.tl-quote-card:after,.tl-quote-card:nth-child(2n):after{border-bottom:none;border-left:1px solid var(--tl-outline-variant);border-right:none;border-top:1px solid var(--tl-outline-variant);left:-9px;right:auto}.tl-quote-card:nth-child(2n) .tl-quote-card__num,.tl-quote-card__num{left:auto;right:16px;top:16px}.tl-quote-card:nth-child(2n) .tl-quote-card__num:before,.tl-quote-card__num:before{display:none;left:auto;right:-16px;top:24px}.tl-quote-card:nth-child(2n) .tl-quote-card__qmark,.tl-quote-card__qmark{margin:0 auto -10px}.tl-quote-card:nth-child(2n) .tl-quote-card__vn,.tl-quote-card__vn{border-left:4px solid;border-right:none;text-align:left}.tl-quote-card--purple .tl-quote-card__vn{border-left-color:var(--md-sys-color-tertiary)}.tl-quote-card--blue .tl-quote-card__vn{border-left-color:#60a5fa}.tl-quote-card--teal .tl-quote-card__vn{border-left-color:#2dd4bf}.tl-quote-card--amber .tl-quote-card__vn{border-left-color:#fcd34d}}.tl-cta-strip{align-items:center;background:linear-gradient(135deg,var(--tl-primary-light) 0,#f1e8fc 100%);border:1px solid #6b21a833;border-radius:var(--tl-radius-lg);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:72px;overflow:hidden;padding:36px 44px;position:relative}.tl-cta-strip:before{background:radial-gradient(circle,#a78bfa40,#0000 70%);left:-40px;top:-40px}.tl-cta-strip:after,.tl-cta-strip:before{content:"";height:200px;pointer-events:none;position:absolute;width:200px}.tl-cta-strip:after{background:radial-gradient(circle,#6b21a81f,#0000 70%);bottom:-40px;right:-40px}.tl-cta-strip__text{align-items:center;display:grid;flex:1;gap:4px 16px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;min-width:200px;position:relative;z-index:1}.tl-cta-strip__icon{align-items:center;background:var(--tl-surface);border-radius:var(--tl-radius-sm);box-shadow:var(--tl-shadow-sm);color:var(--tl-primary);display:flex;grid-row:1/-1;height:44px;justify-content:center;margin-bottom:0;width:44px}.tl-cta-strip__title{color:var(--tl-primary-dark);font-size:1.125rem;font-weight:700;margin:0}.tl-cta-strip__sub{color:#4c1d95bf;font-size:.875rem;margin:0}.tl-cta-strip__btn{align-items:center;background-color:var(--md-sys-color-primary,#6b21a8);border:none;border-radius:100px;box-shadow:none;color:var(--md-sys-color-on-primary,#fff)!important;display:inline-flex;flex-shrink:0;font-family:var(--fontFamilyBase);font-size:.875rem;font-weight:500;gap:8px;height:40px;justify-content:center;letter-spacing:.1px;padding:0 24px;position:relative;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .2s;white-space:nowrap;z-index:1}.tl-cta-strip__btn:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary,#6b21a8),var(--md-sys-color-on-primary,#fff) 8%);box-shadow:var(--md-sys-elevation-level1,0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026);transform:translateY(-1px)}.tl-cta-strip__btn:active{transform:translateY(0)}@media (max-width:640px){.tl-cta-strip{align-items:flex-start;flex-direction:column;padding:32px 28px}.tl-cta-strip__btn{justify-content:center;width:100%}}