.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:70%;padding:10px 20px;background-color:#0d0d0ecc;border-radius:9999px;box-shadow:0 2px 6px #dba0a033;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;transition:all .3s ease}.navbar:hover{box-shadow:0 8px 25px #dba0a04d;background-color:#0d0d0ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-size:30px;font-weight:700;color:#ff7e29;text-decoration:none;transition:all .3s ease;transform:translateY(0);text-shadow:0 2px 4px rgba(255,126,41,.2)}.brand:hover{transform:translateY(-1px) scale(1.05);text-shadow:0 4px 8px rgba(255,126,41,.4);filter:brightness(1.1)}.nav-links{display:flex;gap:10px}.nav-button{padding:6px 14px;border-radius:9999px;background-color:#fff;color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;transform:translateY(0);box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.nav-button:hover{background-color:#ff8018;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #ff80184d;scale:1.05}.nav-button:hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer .6s ease-in-out}@keyframes shimmer{0%{left:-100%}to{left:100%}}.nav-button.active{background-color:#ff8018;color:#fff;box-shadow:0 4px 12px #ff801866;transform:translateY(-1px)}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:3rem;color:#fff;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-12px)}}.navbar .brand,.navbar .brand:link,.navbar .brand:visited,.navbar .brand:hover,.navbar .brand:active{color:#ff8310!important}.navbar .brand *{color:inherit}.top-mask{position:fixed;top:0;left:0;right:0;height:20px;background:#fff9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999;pointer-events:none}:root{--nav-top: 160px;--hero-pt: 120px;--hero-maxw: 960px;--container-maxw: 1200px}html,body,#root{background:#fff}html{scroll-behavior:smooth}.insights-hero{max-width:var(--container-maxw);margin:0 auto;padding:var(--hero-pt) 20px 28px;text-align:center}.insights-hero h1{font-size:clamp(24px,3.2vw,36px);line-height:1.2;font-weight:750;letter-spacing:.2px;margin:0 auto 16px;max-width:980px}.insights-hero-media{width:min(88vw,var(--hero-maxw));margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.insights-hero-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.insights-page{display:flex;justify-content:center;align-items:flex-start;gap:24px;max-width:var(--container-maxw);margin:0 auto;padding:60px 20px;color:#222;line-height:1.8;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.insights-nav{flex:0 0 240px;position:sticky;top:var(--nav-top);align-self:flex-start}.insights-nav h3{position:relative;padding-left:12px;margin:0 0 8px}.insights-nav h3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ff7a00;border-radius:2px}.insights-nav ul{list-style:none;padding:0;margin:0}.insights-nav li{list-style:none;margin:0}.insights-nav li::marker{content:""}.insights-nav a{display:block;position:relative;padding:6px 0 6px 12px;color:#666;text-decoration:none;transition:color .2s ease}.insights-nav a:hover{color:#111}.insights-nav a:hover:before,.insights-nav a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#aaa;border-radius:2px}.insights-nav a.active{color:#111;font-weight:600}.insights-content{flex:1 1 auto;min-width:0}.insights-section{margin-bottom:48px}.insights-section h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 12px}.insights-section h4{font-size:18px;margin:24px 0 12px;font-weight:700}.section-source{margin-top:10px;color:#777;font-size:14px}.tip{background:#fff7e6;border:1px solid #ffe4b8;border-radius:12px;padding:16px 18px;margin:16px 0 24px;box-shadow:0 1px #00000008}.tip-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#6b4f00;margin:0 0 6px}.tip p{margin:0;color:#5c4a1a;line-height:1.7}.resources-intro{margin:8px 0 16px}.resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:8px 0 12px}@media (max-width: 860px){.resources-grid{grid-template-columns:1fr}}.resource-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e9e9e9;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000000a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.resource-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000014;border-color:#e0dfdf}.resource-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.resource-body{padding:16px 18px 18px}.resource-title{margin:0 0 6px;font-size:18px;font-weight:700}.resource-desc{margin:0 0 12px;color:#555;line-height:1.7}.resource-tags{display:flex;gap:8px;flex-wrap:wrap}.resource-tag{font-size:12px;padding:4px 8px;border-radius:999px;background:#f2f4f7;border:1px solid #e6e8ec;color:#475467}@media (prefers-color-scheme: dark){.resource-card{background:#171717;border-color:#2b2b2b;box-shadow:none}.resource-card:hover{border-color:#3a3a3a;box-shadow:0 8px 22px #00000073}.resource-desc{color:#cfcfcf}.resource-tag{background:#222;border-color:#333;color:#ddd}.tip{background:#2a220f;border-color:#5a430f}.tip-title{color:#f7cf76}.tip p{color:#f1e0b8}}@media (max-width: 768px){.insights-hero{padding-top:140px}.insights-hero-media{width:min(92vw,720px)}}:root{--bg:#6c84d4;--text:#26354e;--brand:#7bc4ff}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,Arial;background:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:none}.nav{position:sticky;top:0;z-index:10;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 16px;background:#fffffff3;border-bottom:1px solid #2c7385;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{font-weight:800;letter-spacing:.3px;color:var(--brand)}.links{display:flex;gap:12px;flex-wrap:wrap}.nav-link{padding:8px 20px;border-radius:10px;color:var(--text)}.nav-link.active,.nav-link:hover{background:#59e282}:is(.nav-link.active,.nav-link:hover) .back{display:none!important}