@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";
:root{--accent:#0057ff;--accent-mid:#3578ff;--accent-glow:#0057ff1f;--accent-glow2:#0057ff0d;--tag-bg:#0057ff24;--tag-text:#6ba3ff;--bg:#111827;--bg-surf:#1a2235;--bg-card:#1e2a3f;--border:#ffffff14;--border-h:#ffffff29;--t1:#f0f4fa;--t2:#94a3bb;--t3:#5a6b85}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1400px;margin:0 auto;padding:0 32px}.article-content{color:var(--t2);font-size:17px;line-height:1.85}.article-content p{margin-bottom:24px}.article-content h2{color:var(--t1);letter-spacing:-.02em;margin:40px 0 16px;font-family:Syne,sans-serif;font-size:26px;font-weight:700}.article-content h3{color:var(--t1);margin:32px 0 12px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.article-content a{color:var(--accent-mid);text-underline-offset:3px;text-decoration:underline}.article-content img{border-radius:12px;width:100%;margin:32px 0}.article-content blockquote{border-left:3px solid var(--accent);color:var(--t1);margin:32px 0;padding:8px 0 8px 24px;font-family:Syne,sans-serif;font-size:20px;font-weight:600;line-height:1.4}.article-content ul,.article-content ol{margin-bottom:24px;padding-left:24px}.article-content li{color:var(--t2);margin-bottom:8px}.article-content strong{color:var(--t1);font-weight:600}.article-content figcaption{color:var(--t3);text-align:center;margin-top:8px;font-size:13px}.article-content iframe{aspect-ratio:16/9;border:none;border-radius:12px;width:100%;height:auto;margin:32px 0;display:block}.article-content figure,.article-content figure.wp-block-embed{margin:32px 0}.article-content .wp-block-embed__wrapper{width:100%;position:relative}.article-content .wp-block-embed__wrapper iframe{margin:0}.article-content iframe[src*=spotify]{aspect-ratio:auto;height:352px}.site-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:100;background:#111827f2;position:sticky;top:0}.nav-inner{align-items:center;height:68px;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:5px;margin-right:36px;font-family:Syne,sans-serif;font-size:16px;font-weight:800;display:flex}.nav-logo-pre{color:var(--t1)}.nav-logo-tag{background:var(--accent);color:#fff;border-radius:4px;padding:3px 9px}.nav-cats{flex:1;display:flex;overflow:hidden}.nav-cat{height:68px;color:var(--t2);white-space:nowrap;align-items:center;padding:0 13px;font-size:13px;font-weight:500;display:flex}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-langs{gap:4px;margin-right:4px;display:flex}.nav-lang{color:var(--t3);border-radius:5px;padding:4px 7px;font-family:Syne,sans-serif;font-size:11px;font-weight:700}.nav-lang.is-active{color:#fff;background:#ffffff1a}.nav-btn-ghost{color:var(--t1);border:1px solid var(--border-h);white-space:nowrap;border-radius:100px;padding:8px 15px;font-family:Syne,sans-serif;font-size:12px;font-weight:600}.nav-btn-primary{background:var(--accent);color:#fff;white-space:nowrap;border-radius:100px;padding:8px 18px;font-family:Syne,sans-serif;font-size:12px;font-weight:700}.nav-mobile{display:none}.nav-burger{cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;margin-left:auto;padding:0 10px;list-style:none;display:flex}.nav-burger::-webkit-details-marker{display:none}.nav-burger span{background:var(--t1);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-mobile[open] .nav-burger span:first-child{transform:translateY(7px)rotate(45deg)}.nav-mobile[open] .nav-burger span:nth-child(2){opacity:0}.nav-mobile[open] .nav-burger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#111827fa;flex-direction:column;padding:8px 16px 20px;display:flex;position:absolute;top:68px;left:0;right:0}.nav-drawer-link{color:var(--t1);border-bottom:1px solid var(--border);padding:14px 4px;font-size:15px;font-weight:500}.nav-drawer-langs{gap:8px;padding:16px 0 4px;display:flex}.nav-drawer-btn{text-align:center;margin-top:10px;padding:13px;font-size:14px}@media (max-width:900px){.nav-cats,.nav-actions{display:none}.nav-mobile{display:block}}@media (max-width:768px){.container{padding:0 16px}.home-hero{grid-template-columns:1fr!important}.home-grid2{grid-template-rows:auto!important;grid-template-columns:1fr!important}.home-grid2>*{grid-area:auto!important}.home-podcast{grid-template-columns:1fr!important}.home-newsletter{gap:24px!important;padding:32px 22px!important}.tool-grid{grid-template-columns:1fr!important}}
