@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resources/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resources/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resources/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resources/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resources/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resources/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resources/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--slate-950: #020617;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-400: #94a3b8;--slate-300: #cbd5e1;--white: #fff;--blue-900: #1e3a8a;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--cyan-600: #0891b2;--cyan-400: #22d3ee;--cyan-300: #67e8f9;--page-width: 1400px;--article-width: 800px;--radius-sm: .5rem;--radius: .75rem;--radius-lg: 1rem;--shadow-lg: 0 10px 24px rgb(2 6 23 / 35%);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 45%);font-family:Inter Variable,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;color:#ffffffe5;background:radial-gradient(circle at 12% 18%,rgb(59 130 246 / 15%),transparent 28rem),radial-gradient(circle at 88% 28%,rgb(34 211 238 / 10%),transparent 25rem),linear-gradient(135deg,var(--slate-900),var(--blue-900),var(--slate-900));background-attachment:fixed;font-size:1rem;line-height:1.7}body:before{position:fixed;z-index:-1;inset:0;background-image:radial-gradient(rgb(255 255 255 / 8%) 1px,transparent 1px);background-size:60px 60px;content:"";opacity:.2;pointer-events:none}a{color:var(--blue-400);text-underline-offset:.2em}a:hover{color:var(--cyan-300)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan-400);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.65rem .9rem;color:var(--white);background:var(--blue-700);border-radius:.5rem;transform:translateY(-150%)}.skip-link:focus{color:var(--white);transform:translateY(0)}.site-header{position:fixed;z-index:50;top:0;right:0;left:0;min-height:64px;background:#0f172a7f;border-bottom:1px solid rgb(255 255 255 / 20%);box-shadow:0 1px 3px #00000029;backdrop-filter:blur(12px)}.site-header-inner{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;width:min(1280px,calc(100% - 2rem));min-height:64px;margin:0 auto}.brand{display:inline-flex;align-items:center;width:fit-content;color:var(--white);font-size:1.125rem;font-weight:700;line-height:1;text-decoration:none}.brand:hover{color:var(--white)}.brand-mark{position:relative;display:inline-flex;width:1.75rem;height:1.75rem;margin-right:.25rem;align-items:center;justify-content:center}.brand-shield{width:100%;height:100%;color:var(--blue-400)}.brand-brain{position:absolute;top:50%;left:50%;width:50%;height:50%;color:var(--cyan-300);transform:translate(-50%,-50%)}.brand-mark-small{width:1.4rem;height:1.4rem}.brand-adaptive{font-weight:650}.brand-qz{color:var(--cyan-400);background:linear-gradient(90deg,var(--blue-400),var(--cyan-400),var(--blue-300));background-clip:text;font-weight:800;-webkit-text-fill-color:transparent}.brand-tm{position:relative;top:-.35em;margin-left:.15rem;color:var(--slate-400);font-size:.5em;font-weight:500;line-height:1}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:.5rem}.desktop-nav a,.sign-in-link,.auth-user-trigger{padding:.625rem 1rem;color:var(--slate-400);border-radius:999px;font-size:1rem;font-weight:400;line-height:1.25;text-decoration:none;transition:color .18s ease,background .18s ease}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.sign-in-link:hover,.auth-user-trigger:hover,.auth-user-menu[open] .auth-user-trigger{color:var(--white);background:#ffffff12}.sign-in-link,.auth-user-menu{justify-self:end;color:var(--slate-300)}.auth-user-menu{position:relative}.auth-user-trigger{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;list-style:none}.auth-user-trigger::-webkit-details-marker{display:none}.auth-user-menu svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.auth-menu-panel{position:absolute;z-index:30;top:calc(100% + .55rem);right:0;display:grid;min-width:210px;padding:.45rem;background:#0f172afa;border:1px solid rgb(255 255 255 / 15%);border-radius:var(--radius);box-shadow:var(--shadow-xl)}.auth-menu-panel a,.auth-menu-panel button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.7rem .8rem;color:var(--slate-300);background:transparent;border:0;border-radius:var(--radius-sm);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.auth-menu-panel a:hover,.auth-menu-panel button:hover{color:var(--white);background:#ffffff14}.auth-menu-panel button{margin-top:.25rem;color:#fca5a5;border-top:1px solid rgb(255 255 255 / 10%);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.auth-menu-panel button:disabled{cursor:wait;opacity:.7}.mobile-nav{display:none;justify-self:end}.mobile-nav summary{display:grid;width:2.75rem;height:2.75rem;padding:.7rem;cursor:pointer;list-style:none;place-content:space-between}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;width:1.35rem;height:2px;background:var(--slate-300);border-radius:999px}.mobile-nav nav{position:absolute;top:calc(100% + .5rem);right:1rem;display:grid;min-width:190px;padding:.5rem;background:#0f172af7;border:1px solid rgb(255 255 255 / 15%);border-radius:var(--radius);box-shadow:var(--shadow-xl)}.mobile-nav nav a,.mobile-nav nav button{display:block;width:100%;padding:.75rem .9rem;color:var(--slate-300);background:transparent;border:0;border-radius:.5rem;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.mobile-nav nav a:hover,.mobile-nav nav a[aria-current=page],.mobile-nav nav button:hover{color:var(--white);background:#ffffff14}.mobile-nav nav button[data-auth-signout]{color:#fca5a5}main{min-height:calc(100vh - 64px);padding-top:64px}.hero{padding:clamp(5rem,10vw,8rem) 1rem clamp(4rem,8vw,6rem);text-align:center}.hero-inner,.resource-grid,.article-shell,.footer-inner{width:min(var(--page-width),100%);margin:0 auto}.hero-inner{max-width:820px}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.75rem;padding:.55rem 1rem;color:var(--white);background:#ffffff1a;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;font-size:.875rem;font-weight:550;backdrop-filter:blur(6px)}h1,h2,h3{color:var(--white);line-height:1.2;letter-spacing:-.025em}.hero h1{max-width:760px;margin:0 auto;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:750}.hero p{max-width:700px;margin:1.35rem auto 0;color:var(--slate-300);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.resource-section{padding:0 1rem clamp(5rem,9vw,8rem)}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;gap:1.5rem}.resource-card{display:flex;flex-direction:column;min-height:260px;padding:clamp(1.5rem,4vw,2rem);color:inherit;background:#ffffff12;border:1px solid rgb(255 255 255 / 13%);border-radius:1rem;box-shadow:0 15px 35px #0206172e;text-decoration:none;backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.resource-card:hover{color:inherit;background:#ffffff1c;border-color:#60a5fa73;transform:translateY(-3px)}.eyebrow{margin:0 0 .75rem;color:var(--blue-300);font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.resource-card h2{margin:0 0 .8rem;font-size:clamp(1.3rem,2.4vw,1.65rem)}.resource-card>p:not(.eyebrow){margin:0 0 1.25rem;color:var(--slate-300)}.resource-card span{margin-top:auto;color:var(--blue-300);font-weight:650}.article-shell{display:grid;grid-template-columns:minmax(0,var(--article-width));justify-content:center;padding:clamp(3rem,7vw,6rem) 1rem}.breadcrumb{display:flex;align-items:center;gap:.55rem;margin-bottom:1.5rem;color:var(--slate-400);font-size:.9rem}.breadcrumb a{color:var(--blue-300);text-decoration:none}.article-meta{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgb(255 255 255 / 15%)}.article-meta h1{max-width:780px;margin:.35rem 0 1rem;font-size:clamp(2.25rem,5vw,3rem);font-weight:750}.article-meta .description{max-width:740px;margin-bottom:1.25rem;color:var(--slate-300);font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.65}.byline{color:var(--slate-400);font-size:.9rem}.article-body{padding:clamp(1.4rem,4vw,3rem);color:#ffffffe5;background:#ffffff12;border:1px solid rgb(255 255 255 / 14%);border-radius:var(--radius);box-shadow:var(--shadow-xl);backdrop-filter:blur(12px)}.article-body h1{display:none}.article-body h2{margin:2.5rem 0 1rem;color:var(--blue-300);font-size:clamp(1.45rem,3vw,1.8rem)}.article-body h2:first-child{margin-top:0}.article-body h3{margin:2rem 0 .8rem;color:var(--white);font-size:1.25rem}.article-body p,.article-body li{line-height:1.8}.article-body a{color:var(--blue-400)}.article-body a:hover{color:var(--cyan-300)}.article-body blockquote{margin:2rem 0;padding:1.15rem 1.35rem;background:#3b82f61f;border:1px solid rgb(96 165 250 / 20%);border-left:4px solid var(--blue-400);border-radius:0 .65rem .65rem 0}.article-body blockquote p{margin:0}.article-body pre{overflow-x:auto;padding:1.2rem;color:#ecf4ff;background:#020617bf;border:1px solid rgb(255 255 255 / 10%);border-radius:.75rem;font-size:.9rem}.article-body hr{margin:2.5rem 0;border:0;border-top:1px solid rgb(255 255 255 / 15%)}.article-cta{margin-top:2rem;padding:clamp(1.75rem,5vw,3rem);color:var(--white);background:radial-gradient(circle at 90% 10%,rgb(34 211 238 / 18%),transparent 15rem),#ffffff14;border:1px solid rgb(255 255 255 / 18%);border-radius:1rem;box-shadow:var(--shadow-xl);text-align:center;backdrop-filter:blur(12px)}.article-cta h2{margin:0 0 .65rem;font-size:clamp(1.6rem,4vw,2rem)}.article-cta>p:not(.eyebrow){max-width:590px;margin:0 auto 1.4rem;color:var(--slate-300)}.article-cta small{display:block;margin-top:1rem;color:var(--slate-400)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.75rem 1.6rem;color:var(--white);background:linear-gradient(90deg,var(--blue-600),var(--cyan-600));border:0;border-radius:999px;box-shadow:0 10px 24px #2563eb40;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.button:hover{color:var(--white);box-shadow:0 14px 30px #2563eb59;filter:brightness(1.08);transform:translateY(-1px)}.site-footer{padding:4rem 1rem 2rem;color:var(--slate-400);background:var(--slate-900);border-top:1px solid var(--slate-800)}.footer-inner{max-width:var(--page-width)}.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:3rem}.footer-brand p{max-width:390px;margin:1rem 0 0}.footer-links{display:grid;justify-items:start;gap:.65rem}.footer-links h2{margin:0 0 .35rem;font-size:1rem}.footer-links a,.footer-bottom a{color:var(--slate-400);text-decoration:none}.footer-links a:hover,.footer-bottom a:hover{color:var(--white)}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--slate-800)}.trademark{max-width:760px;margin:0 0 1rem;font-size:.75rem}.footer-legal-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;font-size:.875rem}.footer-legal-row p{margin:0}.footer-legal-row nav{display:flex;flex-wrap:wrap;gap:1.5rem}.consent-banner{position:fixed;z-index:60;right:0;bottom:0;left:0;padding:1rem;color:var(--white);background:linear-gradient(135deg,#0f172afa,#1e293bf5 50%,#0f172afa);border-top:1px solid rgb(255 255 255 / 20%);box-shadow:0 -4px 24px -2px #0006,0 1px 3px #fff3 inset,0 0 40px #3b82f61a;backdrop-filter:blur(16px) saturate(200%) brightness(1.1);animation:consent-slide-up .5s cubic-bezier(.16,1,.3,1)}.consent-banner[hidden]{display:none}.consent-banner-inner{display:flex;align-items:center;justify-content:space-between;width:min(1280px,100%);margin:0 auto;gap:1.5rem}.consent-summary{min-width:0;flex:1}.consent-banner p{margin:0;color:var(--white);font-size:.95rem;line-height:1.45}.consent-banner a{color:var(--blue-400)}.consent-banner small{display:block;margin-top:.2rem;color:var(--slate-400);font-size:.75rem;line-height:1.4}.consent-actions{display:flex;flex:0 0 auto;gap:.75rem}.consent-actions .button,.consent-modal-actions .button{min-height:2.75rem;padding:.65rem 1.5rem;border-radius:var(--radius-sm);font-size:.875rem;white-space:nowrap}.consent-customize{background:linear-gradient(135deg,var(--blue-600),var(--cyan-600));box-shadow:0 4px 14px #2563eb66,0 0 0 1px #ffffff1a inset}.button-success{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 14px #16a34a66,0 0 0 1px #ffffff1a inset}.button-success:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 6px 20px #16a34a7f}.button-secondary{color:var(--slate-300);background:transparent;border:1px solid rgb(255 255 255 / 20%);box-shadow:none}.button-secondary:hover{color:var(--white);background:#ffffff14;box-shadow:none}.consent-reopen{position:fixed;z-index:55;right:4rem;bottom:1rem;display:grid;width:2.5rem;height:2.5rem;padding:0;color:var(--white);background:var(--blue-600);border:1px solid rgb(255 255 255 / 18%);border-radius:999px;box-shadow:0 10px 20px #2563eb4d;cursor:pointer;place-items:center;transition:background .18s ease,transform .18s ease}.consent-reopen:hover{background:var(--blue-700);transform:scale(1.05)}.consent-reopen svg{width:1.25rem;height:1.25rem;stroke-width:2}.consent-reopen[hidden],.consent-modal-backdrop[hidden]{display:none}.consent-modal-backdrop{position:fixed;z-index:70;inset:0;display:grid;padding:1rem;background:#0206179e;backdrop-filter:blur(12px);place-items:center}.consent-modal{width:min(640px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;color:var(--white);background:radial-gradient(circle at 80% 0%,rgb(59 130 246 / 13%),transparent 18rem),linear-gradient(145deg,#1e293bf5,#0f172afa);border:1px solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);box-shadow:0 30px 80px #0000008c,0 1px #ffffff24 inset;backdrop-filter:blur(18px) saturate(150%)}.consent-modal>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff0a;border-bottom:1px solid rgb(255 255 255 / 16%)}.consent-modal-title{display:flex;align-items:center;gap:.75rem}.consent-modal-title svg{width:1.5rem;height:1.5rem;color:var(--blue-400);stroke-width:1.8}.consent-modal h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.consent-modal>p{margin:0;padding:1.5rem 1.5rem 0;color:var(--slate-300)}.consent-modal-close{padding:.15rem .45rem;color:var(--slate-300);background:transparent;border:0;font-size:1.75rem;cursor:pointer}.consent-category-list{display:grid;gap:.75rem;margin:1.25rem 1.5rem}.consent-category{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;background:#ffffff12;border:1px solid rgb(255 255 255 / 13%);border-radius:var(--radius-sm);box-shadow:0 1px #ffffff0d inset}.consent-category-icon{width:1.2rem;height:1.2rem;stroke-width:2}.consent-category-icon.essential{color:#4ade80}.consent-category-icon.functional{color:var(--blue-400)}.consent-category-icon.performance{color:#c084fc}.consent-category-icon.advertising{color:#fb923c}.consent-category span,.consent-category small{display:block}.consent-category small{margin-top:.25rem;color:var(--slate-400);line-height:1.4}.consent-category input{width:1.15rem;height:1.15rem;flex:0 0 auto;accent-color:var(--blue-500)}.consent-modal-actions{display:flex;flex-wrap:wrap;padding:0 1.5rem 1.5rem;gap:.75rem}.consent-modal-actions .button{flex:1 1 170px}@keyframes consent-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.consent-banner-inner{align-items:flex-start;flex-direction:column}.consent-actions{flex-wrap:wrap;width:100%}.consent-actions .button{flex:1 1 180px}}@media(max-width:768px){.site-header-inner{display:flex;justify-content:space-between}.desktop-nav,.sign-in-link,.auth-user-menu{display:none}.mobile-nav{display:block}.resource-grid,.footer-grid{grid-template-columns:1fr}.article-shell{padding-top:3rem}.footer-legal-row{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.brand{font-size:1.1rem}.brand-mark{width:1.8rem;height:1.8rem}.brand-mark-small{width:1.4rem;height:1.4rem}.hero{padding-top:4rem}.consent-modal>header,.consent-modal>p{padding-right:1rem;padding-left:1rem}.consent-category-list{margin-right:1rem;margin-left:1rem}.consent-modal-actions{padding-right:1rem;padding-left:1rem}.hero h1{font-size:2.35rem}.resource-card{min-height:0}.article-meta h1{font-size:2.2rem}.article-body{padding:1.25rem}.footer-legal-row nav{display:grid;gap:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
