:root{--md-sys-color-primary: #006D30;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #9BF6AB;--md-sys-color-on-primary-container: #002107;--md-sys-color-secondary: #4F6352;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #D2E8D2;--md-sys-color-on-secondary-container: #0D1F12;--md-sys-color-tertiary: #3B6470;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #BFE9F8;--md-sys-color-on-tertiary-container: #001F27;--md-sys-color-surface: #F7FBF1;--md-sys-color-on-surface: #191D17;--md-sys-color-surface-variant: #DBE5D6;--md-sys-color-on-surface-variant: #40493E;--md-sys-color-background: #F7FBF1;--md-sys-color-on-background: #191D17;--md-sys-color-outline: #70796C;--md-sys-color-outline-variant: #BFC9BA;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #ffffff;--md-sys-color-surface-container-low: #F1F5EB;--md-sys-color-surface-container: #EBEEE5;--md-sys-color-surface-container-high: #E5E9DF;--md-sys-shape-corner-none: 0;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-typescale-display-large: 700 57px/64px "Outfit", sans-serif;--md-sys-typescale-headline-large: 700 32px/40px "Outfit", sans-serif;--md-sys-typescale-headline-medium: 700 28px/36px "Outfit", sans-serif;--md-sys-typescale-title-large: 600 22px/28px "Outfit", sans-serif;--md-sys-typescale-title-medium: 600 16px/24px "Outfit", sans-serif;--md-sys-typescale-title-small: 600 14px/20px "Outfit", sans-serif;--md-sys-typescale-label-large: 500 14px/20px "Inter", sans-serif;--md-sys-typescale-label-medium: 500 12px/16px "Inter", sans-serif;--md-sys-typescale-body-large: 400 16px/24px "Inter", sans-serif;--md-sys-typescale-body-medium: 400 14px/20px "Inter", sans-serif;--md-sys-typescale-body-small: 400 12px/16px "Inter", sans-serif;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.3, 0, 0, 1);--md-sys-motion-duration-short: .2s;--md-sys-motion-duration-medium: .4s;--md-sys-motion-duration-long: .7s;--transition-speed: var(--md-sys-motion-duration-short);--md-sys-elevation-1: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-2: 0px 2px 6px 2px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15)}html.dark{--md-sys-color-primary: #80D991;--md-sys-color-on-primary: #003915;--md-sys-color-primary-container: #005222;--md-sys-color-on-primary-container: #9BF6AB;--md-sys-color-secondary: #B6CCB7;--md-sys-color-on-secondary: #223526;--md-sys-color-secondary-container: #384B3B;--md-sys-color-on-secondary-container: #D2E8D2;--md-sys-color-tertiary: #A3CDDB;--md-sys-color-on-tertiary: #033541;--md-sys-color-tertiary-container: #234D58;--md-sys-color-on-tertiary-container: #BFE9F8;--md-sys-color-surface: #11140E;--md-sys-color-on-surface: #E1E3DA;--md-sys-color-surface-variant: #40493E;--md-sys-color-on-surface-variant: #C0C9BB;--md-sys-color-background: #11140E;--md-sys-color-on-background: #E1E3DA;--md-sys-color-outline: #8A9387;--md-sys-color-outline-variant: #40493E;--md-sys-color-error: #FFB4AB;--md-sys-color-on-error: #690005;--md-sys-color-surface-container-low: #191D17;--md-sys-color-surface-container: #1D211B;--md-sys-color-surface-container-high: #282B25}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;text-decoration:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}body{font:var(--md-sys-typescale-body-large);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden;letter-spacing:normal}.top-app-bar{height:64px;display:flex;align-items:center;padding:0 16px;position:sticky;top:0;z-index:50;background-color:var(--md-sys-color-background);transition:background-color var(--transition-speed)}.top-app-bar.scrolled{background-color:var(--md-sys-color-surface-variant);box-shadow:0 2px 4px #0000000d;border-bottom:1px solid var(--md-sys-color-outline-variant)}.nav-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;color:var(--md-sys-color-primary);margin-right:12px}.nav-icon:hover{background-color:var(--md-sys-color-surface-variant)}.app-title{display:flex;align-items:center;flex-grow:1}.app-logo{height:48px;max-width:180px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));display:none}.app-title-text{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-primary)}@media (max-width: 899px){.app-logo{display:block}.app-title-text{display:none}}.top-bar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:background-color .2s;text-decoration:none}.icon-btn:hover{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-primary);text-decoration:none}.drawer-scrim{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000052;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s var(--md-sys-motion-easing-standard)}.drawer-scrim.visible{opacity:1;visibility:visible}.navigation-drawer{position:fixed;top:0;left:-360px;width:320px;height:100vh;background-color:var(--md-sys-color-surface);z-index:101;transition:left var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);display:flex;flex-direction:column;padding:12px;border-radius:0 var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0;box-shadow:0 8px 36px #0000001f}.navigation-drawer.open{left:0}.drawer-header{padding:16px 12px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant);margin-bottom:12px;display:flex;align-items:center;justify-content:center}.drawer-logo{height:64px;max-width:100%;object-fit:contain;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.drawer-logo.mini-logo{display:none}.drawer-nav{overflow-y:auto;flex-grow:1;scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant) transparent;scroll-behavior:smooth;padding:0 8px 32px;mask-image:linear-gradient(to bottom,black 95%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 95%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);border:3px solid transparent;background-clip:content-box;transition:background var(--md-sys-motion-duration-short)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline);background-clip:content-box;border-width:2px}.nav-item{display:flex;align-items:center;min-height:56px;padding:8px 16px;margin-bottom:4px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);text-decoration:none;gap:12px;font:var(--md-sys-typescale-label-large);transition:background-color var(--transition-speed),color var(--transition-speed)}.nav-item .material-symbols-outlined{color:var(--md-sys-color-primary)}.nav-item:hover{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.nav-item.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:700}.hero-section{padding:48px 24px;text-align:center;max-width:100%;margin:0 auto}.hero-title{font:var(--md-sys-typescale-display-large);color:var(--md-sys-color-on-background);margin-bottom:32px;line-height:1.1}.search-inner{position:relative;max-width:600px;margin:0 auto}.search-field{width:100%;height:64px;background-color:var(--md-sys-color-surface-variant);border:none;border-radius:var(--md-sys-shape-corner-full);padding:0 24px 0 64px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);outline:none;transition:box-shadow var(--transition-speed),background-color var(--transition-speed)}.search-field:focus{box-shadow:0 0 0 2px var(--md-sys-color-primary);background-color:var(--md-sys-color-surface)}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--md-sys-color-primary)}.search-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:none;padding:4px;border-radius:50%}.search-clear:hover{background-color:var(--md-sys-color-outline-variant)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:0 8px 32px #0000001f;margin-top:8px;padding:12px 0;z-index:100;display:none;overflow:hidden;text-align:left;border:1px solid var(--md-sys-color-outline-variant)}.search-suggestions.visible{display:block;animation:slideDown .2s var(--md-sys-motion-easing-standard)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;align-items:center;padding:12px 24px;gap:16px;text-decoration:none;color:var(--md-sys-color-on-surface);transition:background-color .2s;cursor:pointer}.suggestion-item:hover{background-color:var(--md-sys-color-surface-variant)}.suggestion-icon{width:36px;height:36px;background-color:var(--md-sys-color-surface-container-high);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--md-sys-color-on-surface-variant)}.suggestion-icon span{font-size:20px}.suggestion-text{font:var(--md-sys-typescale-body-large);font-weight:600}.content-container{max-width:100%;margin:0;padding:0 48px 64px}.section-header{display:flex;align-items:center;justify-content:space-between;margin:40px 0 24px}.section-title{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-background)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}@media (min-width: 1400px){.card-grid{grid-template-columns:repeat(6,1fr)}}.article-card{background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);padding:24px;text-decoration:none;color:inherit;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);display:flex;flex-direction:column;gap:16px;height:100%;box-shadow:var(--md-sys-elevation-1);position:relative;overflow:hidden}.article-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-surface);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short)}.article-card:hover{box-shadow:var(--md-sys-elevation-2);transform:translateY(-4px)}.article-card:hover:after{opacity:.08}.article-card:active{box-shadow:var(--md-sys-elevation-1);transform:translateY(-2px)}.article-card:active:after{opacity:.12}.card-icon{width:48px;height:48px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;justify-content:center}.hide-icons .card-icon{display:none}.card-icon span{font-size:28px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.card-meta{font:var(--md-sys-typescale-label-medium);text-transform:uppercase;letter-spacing:.8px;color:var(--md-sys-color-primary);font-weight:700}.card-title{font:var(--md-sys-typescale-title-large);line-height:1.3}.card-excerpt{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-bottom:48px}@media (min-width: 1400px){.category-grid{grid-template-columns:repeat(6,1fr)}}.category-card{background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);padding:32px 24px;text-align:center;text-decoration:none;color:inherit;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-emphasized);display:flex;flex-direction:column;align-items:center;gap:20px;cursor:pointer;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-surface);opacity:0;pointer-events:none;transition:opacity var(--transition-speed)}.category-card:hover{background-color:var(--md-sys-color-surface-container-highest);transform:scale(1.02)}.category-card:hover:after{opacity:.08}.category-card:active:after{opacity:.12}.category-card.active{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.category-icon-container{width:96px;height:96px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-large);display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-emphasized),border-radius .3s ease}.category-card:hover .category-icon-container{transform:scale(1.08) rotate(-4deg);border-radius:var(--md-sys-shape-corner-extra-large);background-color:var(--md-sys-color-primary)}.category-card:hover .category-icon-container .material-symbols-outlined{color:var(--md-sys-color-on-primary)!important}.category-card.active .category-icon-container{background-color:var(--md-sys-color-on-primary-container);color:var(--md-sys-color-primary-container)}.category-card.active .category-icon-container .material-symbols-outlined{color:var(--md-sys-color-primary-container)!important}.category-title-large{font:var(--md-sys-typescale-title-large)}.category-desc{font-size:14px;color:var(--md-sys-color-on-surface-variant);line-height:1.5}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:40;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),background-color var(--transition-speed)}.fab:hover{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);transform:scale(1.05)}.fab:active{transform:scale(.95)}.filter-chips-container{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;margin-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.filter-chips-container::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:8px;padding:0 16px;height:32px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);white-space:nowrap;cursor:pointer;transition:all var(--transition-speed);background:transparent}.filter-chip:hover{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.filter-chip.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent;box-shadow:0 1px 2px #0000001a}.filter-chip .material-symbols-outlined{font-size:18px}@media (max-width: 600px){.hero-title{font-size:28px}.content-container{padding:0 16px 80px}.card-grid{grid-template-columns:1fr}}@media (min-width: 900px){body{display:flex}.navigation-drawer{position:sticky;left:0!important;box-shadow:none;border-right:1px solid var(--md-sys-color-outline-variant);border-radius:0;width:280px;transition:width .3s var(--md-sys-motion-easing-emphasized),padding .3s var(--md-sys-motion-easing-emphasized);flex-shrink:0}.navigation-drawer.collapsed{width:80px;padding:12px 8px}.navigation-drawer.collapsed .drawer-header{padding:16px 0}.navigation-drawer.collapsed .drawer-logo.full-logo{display:none}.navigation-drawer.collapsed .drawer-logo.mini-logo{display:block;height:40px;max-width:40px;margin:0 auto}.navigation-drawer.collapsed .nav-item{justify-content:center;padding:0;width:56px;height:56px;margin:0 auto 12px;gap:0}.navigation-drawer.collapsed .nav-item span:not(.material-symbols-outlined){max-width:0;opacity:0;visibility:hidden;margin:0}.navigation-drawer.collapsed .nav-item .material-symbols-outlined{margin:0;font-size:24px}.navigation-drawer.collapsed div[style*=border-top]{margin:12px 0!important;width:100%}.nav-item span:not(.material-symbols-outlined){white-space:normal;overflow:visible;max-width:220px;opacity:1;transition:max-width .3s var(--md-sys-motion-easing-emphasized),opacity .2s var(--md-sys-motion-easing-emphasized),visibility .2s}.nav-item{transition:background-color var(--transition-speed),color var(--transition-speed),width .3s var(--md-sys-motion-easing-emphasized),padding .3s var(--md-sys-motion-easing-emphasized),gap .3s var(--md-sys-motion-easing-emphasized),margin .3s var(--md-sys-motion-easing-emphasized)}.drawer-header{transition:padding .3s var(--md-sys-motion-easing-emphasized)}.drawer-logo{transition:height .3s var(--md-sys-motion-easing-emphasized),max-width .3s var(--md-sys-motion-easing-emphasized)}.top-app-bar .nav-icon{display:flex}.main-content-wrapper{flex-grow:1;height:100vh;overflow-y:auto;min-width:0}.drawer-scrim{display:none}}.suggested-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;width:100%}.topic-chip{padding:8px 20px;background-color:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-primary);text-decoration:none;transition:all var(--transition-speed);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-chip:hover{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);transform:scale(1.02)}.popular-articles-list{margin-top:16px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.popular-article-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-primary);text-decoration:none;font:var(--md-sys-typescale-body-large);font-weight:500;transition:all .2s var(--md-sys-motion-easing-standard)}.popular-article-link:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary);transform:translateY(-2px)}.main-footer{background-color:var(--md-sys-color-surface-container);padding:80px 24px 48px;margin-top:80px;border-top:1px solid var(--md-sys-color-outline-variant);position:relative}.main-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--md-sys-color-primary),transparent);opacity:.3}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:64px}.footer-brand{grid-column:span 1}@media (min-width: 1200px){.footer-brand{grid-column:span 2}}.footer-logo{height:48px;width:auto;margin-bottom:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.footer-description{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);max-width:360px;line-height:1.6;letter-spacing:.01em}.footer-links-group h4{font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-primary);margin-bottom:28px;text-transform:uppercase;letter-spacing:.12em}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.footer-links a{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);text-decoration:none;transition:all var(--transition-speed) var(--md-sys-motion-easing-standard);display:inline-flex;align-items:center}.footer-links a:hover{color:var(--md-sys-color-primary);transform:translate(4px)}.footer-bottom{max-width:1200px;margin:64px auto 0;padding-top:32px;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px}.copyright{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);opacity:.8}.social-links{display:flex;gap:12px}.social-icon{width:48px;height:48px;border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);text-decoration:none;transition:all var(--transition-speed) var(--md-sys-motion-easing-emphasized);border:1px solid transparent}.social-icon:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary);transform:scale(1.1) rotate(5deg)}.social-icon .material-symbols-outlined{font-size:22px}.m3-article-layout{max-width:100%;margin:0;padding:0 48px 100px;display:grid;grid-template-columns:1fr;gap:64px}@media (min-width: 1024px){.m3-article-layout{grid-template-columns:1fr;align-items:start;max-width:100%;margin:0}}.m3-article-header{grid-column:1 / -1;padding:80px 48px;background:linear-gradient(135deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface-container));border-bottom:1px solid var(--md-sys-color-outline-variant);margin:0 -48px 64px;border-radius:0;position:relative;overflow:hidden}.m3-article-header:after{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,var(--md-sys-color-primary-container) 0%,transparent 70%);opacity:.15;filter:blur(60px);z-index:0}.header-content-wrapper{max-width:100%;margin:0;position:relative;z-index:1}.article-category-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.m3-article-title{font:var(--md-sys-typescale-display-large);font-size:clamp(32px,5vw,56px);line-height:1.1;margin-bottom:32px;color:var(--md-sys-color-on-surface);letter-spacing:-.02em}.m3-metadata-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.meta-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);transition:background-color .2s}.meta-chip:hover{background-color:var(--md-sys-color-surface-variant)}.meta-chip .material-symbols-outlined{font-size:20px;color:var(--md-sys-color-primary)}.share-icon-btn{width:44px;height:44px;border-radius:50%;border:none;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--md-sys-motion-easing-emphasized);margin-left:auto;box-shadow:0 4px 12px #006d3033}.share-icon-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #006d304d}.m3-featured-image-container{max-width:100%;margin:0 0 48px}.m3-featured-image{width:100%;border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:0 8px 32px #0000001a}.m3-article-body{max-width:100%;margin:0}.article-text{font:var(--md-sys-typescale-body-large);font-size:20px;line-height:1.8;color:var(--md-sys-color-on-surface)}.article-text h2{font:var(--md-sys-typescale-headline-medium);margin:48px 0 24px;color:var(--md-sys-color-primary)}.article-text h3{font:var(--md-sys-typescale-title-large);margin:32px 0 16px;color:var(--md-sys-color-on-surface)}.article-text p{margin-bottom:24px}.article-text a{color:var(--md-sys-color-primary);text-decoration:underline;text-underline-offset:4px;transition:opacity .2s}.article-text a:hover{opacity:.7}@media (max-width: 1023px){.m3-article-layout{padding:0 16px 80px;gap:32px}.m3-article-header{padding:48px 16px;margin:0 -16px 32px}.sidebar-section{padding:20px}}.m3-article-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:24px}.sidebar-section{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:24px;transition:all .3s var(--md-sys-motion-easing-standard)}.sidebar-section:hover{background-color:var(--md-sys-color-surface-container);box-shadow:0 8px 16px #0000000d}.sidebar-title{font:var(--md-sys-typescale-title-medium);margin-bottom:24px;display:flex;align-items:center;gap:12px;color:var(--md-sys-color-on-surface)}.sidebar-title .material-symbols-outlined{font-size:24px;color:var(--md-sys-color-primary)}.sidebar-list{display:flex;flex-direction:column;gap:12px}.popular-article-list{display:flex;flex-wrap:wrap;gap:12px}.popular-article-link{display:flex;align-items:center;gap:10px;padding:8px 16px;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-primary);text-decoration:none;font:var(--md-sys-typescale-body-medium);font-weight:600;transition:all .2s;border:1px solid var(--md-sys-color-outline-variant)}.popular-article-link:hover{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary-container)}.sidebar-item-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);text-decoration:none;font:var(--md-sys-typescale-body-medium);transition:all .3s var(--md-sys-motion-easing-standard)}.sidebar-item-link:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary);transform:translate(4px)}.sidebar-item-link .material-symbols-outlined{font-size:20px;color:var(--md-sys-color-primary)}.sidebar-item-link:hover .material-symbols-outlined{color:var(--md-sys-color-on-primary-container)}.sidebar-item-text{flex:1;font-weight:500}.sidebar-description{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:24px;line-height:1.6}.m3-share-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);font-weight:600;cursor:pointer;transition:all .3s var(--md-sys-motion-easing-emphasized)}.m3-share-btn:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:0 4px 12px #0000001a}.m3-share-btn .material-symbols-outlined{font-size:20px}.feedback-card-v2{background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large);padding:32px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;box-shadow:var(--md-sys-elevation-1);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.feedback-card-v2:hover{box-shadow:var(--md-sys-elevation-2);background-color:var(--md-sys-color-surface-container)}.feedback-icon{width:64px;height:64px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-large);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d}.feedback-icon .material-symbols-outlined{font-size:32px}.feedback-content h3{font:var(--md-sys-typescale-title-large);margin-bottom:4px}.feedback-content p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.feedback-buttons{display:flex;gap:12px;margin-left:auto}.m3-btn-outlined{height:48px;padding:0 24px;border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-primary);display:inline-flex;align-items:center;gap:8px;font:var(--md-sys-typescale-label-large);font-weight:600;cursor:pointer;transition:all var(--md-sys-motion-duration-short);position:relative;overflow:hidden}.m3-btn-outlined:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-primary);opacity:0;transition:opacity .2s}.m3-btn-outlined:hover{background-color:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary)}.m3-btn-outlined:hover:after{opacity:.08}.m3-btn-outlined:active:after{opacity:.12}.m3-success-banner{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:16px 24px;border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;gap:16px;font:var(--md-sys-typescale-label-large);animation:fadeInV2 .3s}@keyframes fadeInV2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.m3-article-title{font-size:32px}.feedback-card-v2{flex-direction:column;text-align:center;gap:16px}.feedback-buttons{margin-left:0;width:100%;justify-content:center}.m3-btn-outlined{flex:1;justify-content:center}.m3-metadata-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.meta-chip:nth-child(1),.meta-chip:nth-child(2){padding:0;width:44px;height:44px;border-radius:50%;justify-content:center}.meta-chip:nth-child(1) span:not(.material-symbols-outlined),.meta-chip:nth-child(2) span:not(.material-symbols-outlined){display:none}.share-icon-btn{margin-left:auto}}.share-dialog-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.share-dialog-backdrop.visible{opacity:1;visibility:visible}.share-dialog{width:100%;max-width:500px;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);padding:40px;transform:scale(.9) translateY(20px);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);box-shadow:var(--md-sys-elevation-3);border:1px solid var(--md-sys-color-outline-variant)}.share-dialog-backdrop.visible .share-dialog{transform:scale(1) translateY(0)}.share-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.share-dialog-title{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface);font-weight:700}.share-dialog-close{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:all .2s;background:var(--md-sys-color-surface-variant);border:none}.share-dialog-close:hover{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error);transform:rotate(90deg)}.share-options-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.share-option{display:flex;flex-direction:row;align-items:center;gap:16px;padding:12px 24px;background-color:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all .2s var(--md-sys-motion-easing-standard)}.share-option:hover{background-color:var(--md-sys-color-primary-container);transform:translate(8px)}.share-option-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s var(--md-sys-motion-easing-emphasized);flex-shrink:0}.share-option:hover .share-option-icon{box-shadow:0 12px 24px #0000004d;border-radius:50%}.share-option-icon span{font-size:32px}.share-option-label{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);text-align:left;font-weight:600}.share-copy{background-color:#1a73e8}.share-whatsapp{background-color:#25d366}.share-embed{background-color:#00796b}@media (max-width: 480px){.share-dialog{padding:32px 20px}.share-options-grid{grid-template-columns:repeat(2,1fr);gap:24px 12px}}@media (min-width: 900px){.share-dialog-backdrop{align-items:center}.share-dialog{border-radius:var(--md-sys-shape-corner-extra-large);transform:scale(.9) translateY(20px);opacity:0;max-width:560px}.share-dialog-backdrop.visible .share-dialog{transform:scale(1) translateY(0);opacity:1}}.m3-article-navigation{margin-top:48px;padding-top:48px;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;gap:40px}.m3-section-block{display:flex;flex-direction:column;gap:20px}.m3-section-header{display:flex;align-items:center;gap:12px;color:var(--md-sys-color-on-surface)}.m3-section-header .material-symbols-outlined{color:var(--md-sys-color-primary);font-size:28px}.m3-section-header h3{font:var(--md-sys-typescale-headline-small);font-weight:700}.m3-popular-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.m3-popular-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);text-decoration:none;color:var(--md-sys-color-on-surface);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.m3-popular-item:hover{background-color:var(--md-sys-color-surface-container-high);transform:translateY(-2px);border-color:var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-1)}.m3-popular-item .material-symbols-outlined{color:var(--md-sys-color-primary);opacity:.7}.m3-popular-text{font:var(--md-sys-typescale-body-large);font-weight:600}.share-actions-v2{display:flex;gap:16px;flex-wrap:wrap}.m3-btn-share{height:48px;padding:0 24px;border-radius:var(--md-sys-shape-corner-full);border:none;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);display:inline-flex;align-items:center;gap:12px;font:var(--md-sys-typescale-label-large);font-weight:700;cursor:pointer;transition:all .2s}.m3-btn-share.whatsapp{background-color:#25d366;color:#fff}.m3-btn-share.copy{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.m3-btn-share:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.m3-btn-share:active{transform:translateY(0)}@media (max-width: 768px){.m3-popular-list{grid-template-columns:1fr}.m3-btn-share{width:100%;justify-content:center}}