.topic-page{--topic-ink:#0b0b0b;--topic-copy:#454950;--topic-muted:#71757c;--topic-line:#0b0b0b21;--topic-line-soft:#0b0b0b14;--topic-surface:#f7f8fa;color:var(--topic-ink);background:#fff}.topic-page .topic-directory-hero{color:var(--topic-ink);isolation:isolate;background:radial-gradient(circle at 7% 8%,#c4dbff75,#0000 31%),radial-gradient(circle at 93% 35%,#e2d4ff66,#0000 32%),linear-gradient(#fff 0%,#fbfcfe 78%,#f7f8fa 100%);border-bottom:0;padding:132px 0 clamp(64px,7vw,104px);position:relative;overflow:hidden}.topic-page .topic-directory-hero:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000,#0b0b0b14,#0000);width:1px;height:88%;position:absolute;top:5%;left:58%}.topic-page .topic-directory-hero:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#c9dfff47,#eee6ff21 47%,#0000 70%);border-radius:44% 56% 62% 38%/42% 45% 55% 58%;width:min(66vw,900px);height:min(66vw,900px);animation:20s ease-in-out infinite alternate topicLightDrift;position:absolute;top:-34%;right:-12%}.topic-page .topic-directory-watermark{color:#0b0b0b09;font-size:clamp(220px,30vw,470px);font-weight:500;bottom:clamp(-66px,-4vw,-30px);right:clamp(-30px,1vw,20px)}.topic-page .topic-directory-hero .article-breadcrumb{color:#0b0b0b80;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px)saturate(1.15);background:#ffffff8f;border:1px solid #0b0b0b17;border-radius:999px;flex-wrap:wrap;align-items:center;gap:9px;width:max-content;max-width:100%;margin:0 0 clamp(44px,5vw,72px);padding:8px 12px;font-size:8px;font-weight:650;display:flex;box-shadow:inset 0 1px #fffffff5}.topic-page .topic-directory-hero .article-breadcrumb a{color:inherit}.topic-page .topic-directory-hero .article-breadcrumb a:hover{color:var(--topic-ink)}.topic-page .topic-directory-hero .article-breadcrumb>span{color:#0b0b0b3d}.topic-page .topic-directory-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.62fr);align-items:center;gap:40px clamp(54px,7vw,112px)}.topic-page .topic-directory-hero .eyebrow{color:#0b0b0b94;letter-spacing:.14em;margin:0 0 24px;font-size:9px}.topic-page .topic-directory-hero h1{max-width:930px;color:var(--topic-ink);letter-spacing:-.068em;text-wrap:balance;font-size:clamp(58px,7.4vw,106px);font-weight:540;line-height:.9}html[lang=vi] .topic-page .topic-directory-hero h1{letter-spacing:-.06em;font-weight:540;line-height:.94}.topic-page .topic-directory-summary{-webkit-backdrop-filter:blur(22px)saturate(1.16);background:radial-gradient(circle at 100% 0,#cfe0ff57,#0000 45%),#ffffffab;border:1px solid #ffffffe6;border-radius:26px;padding:28px 28px 24px;overflow:hidden;box-shadow:0 22px 62px #1d273917,inset 0 1px #fff}.topic-page .topic-directory-summary>p{color:#555a61;max-width:440px;font-size:15px;line-height:1.66}.topic-page .topic-directory-summary>div{border-top:1px solid var(--topic-line-soft);color:#0b0b0b85;letter-spacing:.11em;align-items:center;margin-top:38px;padding-top:18px;font-size:8px}.topic-page .topic-directory-summary strong{color:var(--topic-ink);font-size:24px;font-weight:540}.topic-page .topic-directory-summary a{background:var(--topic-ink);color:#fff;border-radius:999px;padding:9px 12px}.topic-page .topic-directory-summary a:hover{color:#fff;transform:translate(-3px)}.topic-page .topic-directory-tabs{z-index:2;border-top:1px solid #ffffffb8;border-bottom:1px solid var(--topic-line-soft);-webkit-backdrop-filter:blur(18px)saturate(1.15);background:#ffffffd1;position:relative;box-shadow:0 10px 30px #19223209}.topic-page .topic-directory-tabs nav{gap:8px;padding-top:14px;padding-bottom:14px}.topic-page .topic-directory-tabs a{color:#686c73;letter-spacing:.08em;border:1px solid #0000;border-radius:999px;padding:9px 13px;font-size:8px;font-weight:650;transition:border-color .18s,background .18s,color .18s,transform .18s}.topic-page .topic-directory-tabs a:after{display:none}.topic-page .topic-directory-tabs a:hover{color:var(--topic-ink);background:#f2f3f5;border-color:#0b0b0b14;transform:translateY(-1px)}.topic-page .topic-directory-tabs a[aria-current=page]{border-color:var(--topic-ink);background:var(--topic-ink);color:#fff}.topic-page .topic-directory-articles{background:radial-gradient(circle at 12% 18%, #cee0ff3d, transparent 24%), radial-gradient(circle at 92% 82%, #e4d7ff33, transparent 28%), var(--topic-surface);max-width:none;padding:clamp(74px,8vw,118px) max(5vw,50vw - 720px) clamp(94px,10vw,148px)}.topic-page .topic-directory-heading{border-bottom:1px solid var(--topic-line);align-items:end;padding-bottom:clamp(30px,4vw,48px)}.topic-page .topic-directory-heading .eyebrow{color:#0b0b0b80;margin-bottom:18px}.topic-page .topic-directory-heading h2{max-width:860px;color:var(--topic-ink);letter-spacing:-.062em;text-wrap:balance;font-size:clamp(46px,5.45vw,78px);font-weight:540;line-height:.94}.topic-page .topic-directory-heading>span{border:1px solid var(--topic-line);width:42px;height:42px;color:var(--topic-ink);border-radius:50%;place-items:center;font-size:9px;display:grid}.topic-page .topic-directory-lead{background:#0d0e10;border:1px solid #ffffff29;border-radius:30px;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);margin-top:clamp(30px,4vw,50px);overflow:hidden;box-shadow:0 30px 76px #161b2629,inset 0 1px #ffffff14}.topic-page .topic-directory-lead-image,.topic-page .topic-directory-card-image{background:#e9ecf1}.topic-page .topic-directory-lead-image{min-height:clamp(420px,38vw,560px)}.topic-page .topic-directory-lead-image:after,.topic-page .topic-directory-card-image:after{background:linear-gradient(140deg,#080a0e03,#080a0e33)}.topic-page .topic-directory-lead-image>span{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(1.1);background:#0d0e1061;border-color:#ffffff75;padding:8px 12px;top:24px;left:24px}.topic-page .topic-directory-lead-copy{color:#fff;padding:clamp(38px,4.8vw,70px)}.topic-page .topic-directory-lead-copy .topic-directory-meta{color:#ffffff7a}.topic-page .topic-directory-lead-copy h2{color:#fff;letter-spacing:-.055em;text-wrap:balance;font-size:clamp(38px,3.75vw,58px);font-weight:520;line-height:.98}.topic-page .topic-directory-lead-copy h2 a:hover{color:#d5e5ff}.topic-page .topic-directory-lead-copy>p{color:#ffffffa3;margin:25px 0 34px;line-height:1.72}.topic-page .topic-directory-read-link{color:#fff}.topic-page .topic-directory-read-link:before{content:"";background:#bcd5ff;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #bcd5ff1a}.topic-page .topic-directory-grid{gap:24px;margin-top:clamp(56px,7vw,92px)}.topic-page .topic-directory-card{-webkit-backdrop-filter:blur(18px)saturate(1.12);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:24px;flex-direction:column;min-height:100%;padding:12px 12px 58px;transition:box-shadow .28s,transform .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 18px 52px #1d273912,inset 0 1px #fff}.topic-page .topic-directory-card:hover{transform:translateY(-4px);box-shadow:0 25px 66px #1d27391c,inset 0 1px #fff}.topic-page .topic-directory-card-image{border-radius:17px;margin-bottom:19px}.topic-page .topic-directory-card .topic-directory-meta{color:#777b82;margin:0 10px 15px}.topic-page .topic-directory-card h3{max-width:none;color:var(--topic-ink);letter-spacing:-.05em;text-wrap:balance;margin:0 10px;font-size:clamp(28px,2.45vw,40px);font-weight:520;line-height:1}.topic-page .topic-directory-card h3 a:hover{color:#3d5f88}.topic-page .topic-directory-card>p{color:#61656c;max-width:none;margin:17px 10px 0;line-height:1.68}.topic-page .topic-directory-card-link{border:1px solid var(--topic-line);width:32px;height:32px;color:var(--topic-ink);border-radius:50%;place-items:center;font-size:16px;display:grid;bottom:20px;right:21px}.topic-page .topic-directory-card:hover .topic-directory-card-link{border-color:var(--topic-ink);background:var(--topic-ink);color:#fff}.topic-page .topic-directory-approach{color:var(--topic-ink);-webkit-backdrop-filter:blur(22px)saturate(1.16);background:radial-gradient(circle at 0 0,#c4dbff73,#0000 42%),radial-gradient(circle at 100% 100%,#e4d7ff59,#0000 45%),#ffffffb8;border:1px solid #ffffffeb;border-radius:28px;gap:28px clamp(40px,7vw,110px);margin-top:clamp(76px,9vw,132px);padding:clamp(36px,5vw,68px);box-shadow:0 24px 68px #1d273917,inset 0 1px #fff}.topic-page .topic-directory-approach>span{color:#0b0b0b8c}.topic-page .topic-directory-approach p{text-wrap:balance;font-size:clamp(27px,3vw,44px);font-weight:520;line-height:1.14}.topic-page .topic-directory-approach i{color:#0b0b0b09;bottom:-72px;right:-16px}@keyframes topicLightDrift{0%{transform:translate(-1.5%,-1%)rotate(-3deg)}to{transform:translate(2%,1.5%)rotate(3deg)}}@media (max-width:980px){.topic-page .topic-directory-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}.topic-page .topic-directory-lead{grid-template-columns:minmax(0,1fr) minmax(300px,.92fr)}}@media (max-width:680px){.topic-page .topic-directory-hero{padding:108px 0 52px}.topic-page .topic-directory-hero:before{display:none}.topic-page .topic-directory-watermark{font-size:186px;bottom:-16px;right:-28px}.topic-page .topic-directory-hero .article-breadcrumb{margin-bottom:36px}.topic-page .topic-directory-hero-grid{display:block}.topic-page .topic-directory-hero .eyebrow{margin-bottom:15px}.topic-page .topic-directory-hero h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(49px,14.8vw,70px);line-height:.93}.topic-page .topic-directory-summary{border-radius:21px;margin-top:32px;padding:23px 21px 19px}.topic-page .topic-directory-summary>p{font-size:14px}.topic-page .topic-directory-summary>div{margin-top:25px}.topic-page .topic-directory-summary a{padding:8px 10px}.topic-page .topic-directory-tabs nav{padding-top:11px;padding-bottom:11px}.topic-page .topic-directory-tabs a{padding:8px 11px;font-size:8px}.topic-page .topic-directory-articles{padding:64px 20px 88px}.topic-page .topic-directory-heading{padding-bottom:27px}.topic-page .topic-directory-heading h2{font-size:clamp(42px,12.6vw,56px)}.topic-page .topic-directory-heading>span{width:36px;height:36px}.topic-page .topic-directory-lead{border-radius:21px;margin-top:24px;display:block}.topic-page .topic-directory-lead-image{aspect-ratio:1.3;min-height:0}.topic-page .topic-directory-lead-image>span{top:16px;left:16px}.topic-page .topic-directory-lead-copy{padding:29px 22px 34px;display:block}.topic-page .topic-directory-lead-copy h2{font-size:clamp(36px,10.8vw,49px)}.topic-page .topic-directory-lead-copy>p{margin:20px 0 28px;font-size:13px}.topic-page .topic-directory-grid{grid-template-columns:1fr;gap:22px;margin-top:50px}.topic-page .topic-directory-card{border-radius:20px;padding:10px 10px 55px}.topic-page .topic-directory-card-image{border-radius:14px;margin-bottom:18px}.topic-page .topic-directory-card h3{font-size:clamp(32px,9.6vw,44px)}.topic-page .topic-directory-card>p{font-size:12px}.topic-page .topic-directory-card-link{bottom:17px;right:18px}.topic-page .topic-directory-approach{border-radius:21px;grid-template-columns:1fr;gap:23px;margin-top:72px;padding:31px 23px 37px}.topic-page .topic-directory-approach p{font-size:clamp(28px,8.2vw,38px)}}@media (prefers-reduced-motion:reduce){.topic-page .topic-directory-hero:after{animation:none}.topic-page .topic-directory-card,.topic-page .topic-directory-lead-image img,.topic-page .topic-directory-card-image img{transition:none}}