:root{--color-body: #E8E5DC;--color-section: #DED6CA;--color-card: #F4F3EE;--color-primary: #896340;--color-accent: #A8815D;--green-primary: #5D6530;--green-accent: #838A56;--text-main: #3E3E3B;--text-muted: #585752;--color-border: #c7c0ba;--shadow-sm: 0 2px 4px rgba(62, 62, 59, 0.06);--shadow-md: 0 6px 16px -2px rgba(62, 62, 59, 0.08), 0 2px 4px -1px rgba(62, 62, 59, 0.04);--shadow-lg: 0 16px 32px -6px rgba(62, 62, 59, 0.12), 0 4px 12px -2px rgba(62, 62, 59, 0.06);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px}@font-face{font-family:"JakartaSans";src:url("/assets/font/PlusJakartaSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"JakartaSans";src:url("/assets/font/PlusJakartaSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"JakartaSans";src:url("/assets/font/PlusJakartaSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Poppins-Bold";src:url("/assets/font/Poppins-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{scroll-behavior:smooth}body{background-color:var(--color-body);color:var(--text-main);font-family:"JakartaSans",sans-serif;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-weight:500;line-height:1.2em;margin-bottom:8px}a{color:inherit;text-decoration:none}a:focus,a:active,a:focus-visible{outline:none;box-shadow:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;background:none;border:none;outline:none}button:focus,button:active,button:focus-visible,input:focus,input:active,input:focus-visible,select:focus,select:active,select:focus-visible,textarea:focus,textarea:active,textarea:focus-visible{outline:none;box-shadow:none}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}@media(min-width: 375px){.container{padding-left:1rem;padding-right:1rem}}@media(min-width: 640px){.container{padding-left:20px;padding-right:20px}}@media(min-width: 768px){.container{padding-left:24px;padding-right:24px}}@media(min-width: 1024px){.container{padding-left:32px;padding-right:32px}}[data-icon]{display:inline-flex;align-items:center;justify-content:center;line-height:1}[data-icon] svg{display:block;width:1.3em;height:1.3em}hr{width:100%;border:1px solid var(--color-border);margin:16px 0}#global-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(232,229,220,.85);backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .4s ease}#global-loader.loader-hidden{opacity:0;pointer-events:none}#global-loader p{margin-top:16px;font-size:14px;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.loader-dots{display:flex;gap:10px}.loader-dots span{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-accent);animation:bounce 1.4s infinite ease-in-out both}.loader-dots span:nth-child(1){animation-delay:-0.32s}.loader-dots span:nth-child(2){animation-delay:-0.16s}@keyframes bounce{0%,80%,100%{transform:scale(0.6);background:var(--color-primary)}40%{transform:scale(1);background:var(--color-accent)}}.loading-section{position:relative;min-height:120px}.loading-section::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(244,243,238,.6);backdrop-filter:blur(2px);border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity .3s ease}.loading-section.is-loading::after{opacity:1;pointer-events:all}.loading-section::before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:2px solid rgba(0,0,0,0);border-top:2px solid var(--green-accent);border-radius:var(--radius-full);transform:translate(-50%, -50%);opacity:0;transition:opacity .3s ease;animation:spin 1s linear infinite}.loading-section.is-loading::before{opacity:1}.search-form-wrapper{width:100%;max-width:600px;margin:0 auto}.search-input-group{display:flex;align-items:center;height:45px;width:100%;gap:8px;padding:0 6px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);box-shadow:var(--shadow-sm);transition:all .2s ease}.search-input-group:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.search-icon-inside{color:var(--color-primary);font-size:18px;flex-shrink:0}.search-input-field{flex:1;border:none;outline:none;background:rgba(0,0,0,0);height:100%;font-size:15px;color:var(--text-main)}.search-input-field::placeholder{color:var(--text-muted)}.search-submit-btn{flex-shrink:0;padding:0 20px;height:34px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.search-submit-btn:hover{background:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media(max-width: 480px){.search-submit-btn{padding:0 14px;font-size:13px}}.site-header{background-color:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.header-container{display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px;gap:16px;position:relative}.header-brand{display:flex;flex-direction:column;text-decoration:none;flex-shrink:0}.header-brand .brand-title{font-size:20px;font-weight:700;color:var(--text-main);line-height:1.1}.header-brand .brand-title span{color:var(--color-primary)}.header-brand .brand-tagline{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.3px}.header-search{flex:1;max-width:380px}.header-actions{display:flex;align-items:center;gap:10px}.weather-wrapper{position:relative}.weather-trigger{display:flex;align-items:center;gap:6px;background-color:var(--color-body);border:1px solid var(--color-border);padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;color:var(--text-main);cursor:pointer;transition:background-color .2s ease}.weather-trigger .weather-icon{color:var(--color-primary);font-size:1.2em}.weather-trigger:hover{background-color:var(--color-border)}.weather-card{display:none;position:absolute;top:calc(100% + 16px);right:0;width:min(500px,90vw);background:rgba(255,255,255,.5);backdrop-filter:blur(7px);border:none;border-radius:var(--radius-lg);padding:16px;box-shadow:none;z-index:1010}.weather-card.is-active{display:block}.weather-card .weather-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.weather-card .weather-card-header h4{font-size:14px;font-weight:700;color:var(--text-main);margin:0}.weather-card .weather-card-header .weather-close-btn{cursor:pointer;color:var(--text-muted);display:none}.weather-card .weather-info-box{display:flex;align-items:center;gap:12px}.weather-card .weather-info-box .weather-big-icon{font-size:28px;color:var(--color-primary)}.weather-card .weather-info-box .weather-deg{font-size:18px;font-weight:700;color:var(--text-main)}.weather-card .weather-info-box .weather-city{font-size:11px;color:var(--text-muted)}.nav-toggle-btn{display:flex;align-items:center;justify-content:center;padding:8px;background-color:var(--color-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer}.nav-toggle-btn.is-active{color:#ef4444;border-color:#ef4444}.nav-drawer{position:absolute;top:calc(100% + 10px);right:20px;width:260px;height:fit-content;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:16px;display:none;z-index:1020}.nav-drawer.is-active{display:block}.nav-drawer .drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.nav-drawer .drawer-header .drawer-title{font-size:14px;font-weight:700;color:var(--text-main)}.nav-drawer .drawer-header .drawer-close-btn{cursor:pointer;color:var(--text-muted)}.nav-drawer .nav-list{list-style:none;display:flex;flex-direction:column;gap:6px}.nav-drawer .nav-link{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--text-main);border-radius:var(--radius-sm);transition:background-color .2s ease;cursor:pointer}.nav-drawer .nav-link [data-icon]{color:var(--color-primary)}.nav-drawer .nav-link:hover{background-color:var(--color-section)}.nav-drawer .nav-link .arrow-icon{margin-left:auto;transition:transform .2s ease}.nav-drawer .nav-link .header-search-sidebar{margin-top:40px;width:100%}.nav-drawer .has-submenu.is-open .arrow-icon{transform:rotate(180deg)}.nav-drawer .has-submenu.is-open .submenu-list{display:flex}.nav-drawer .submenu-list{display:none;flex-direction:column;gap:4px;list-style:none;padding-left:28px;margin-top:4px}.nav-drawer .submenu-list .submenu-link{display:block;padding:6px 8px;color:var(--text-muted);border-radius:var(--radius-sm)}.nav-drawer .submenu-list .submenu-link:hover{color:var(--color-primary);background-color:var(--color-section)}.nav-backdrop,.weather-backdrop{display:none;position:fixed;inset:0;background-color:rgba(62,62,59,.4);z-index:990}.nav-backdrop.is-active,.weather-backdrop.is-active{display:block}@media(max-width: 768px){.header-search{display:none}body.nav-open{overflow:hidden}.nav-drawer{position:fixed;top:60px;left:0;right:0;bottom:0;width:100%;height:calc(100dvh - 60px);max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0;border:none;padding:16px 16px 100px 16px;display:none;transform:none;z-index:1020}.nav-drawer.is-active{display:block}.nav-backdrop.is-active{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:rgba(0,0,0,.35);z-index:990}.weather-card.is-active{display:block;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUp .3s forwards;z-index:1030}.weather-card .weather-close-btn{display:block}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.weather-dashboard{position:relative;width:100%;max-width:100%;margin:0 auto;padding:20px;border-radius:28px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-sizing:border-box;transition:background .8s cubic-bezier(0.4, 0, 0.2, 1),border-color .8s ease,color .5s ease;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 60px rgba(0,0,0,.3)}@media(min-width: 640px){.weather-dashboard{max-width:600px;padding:26px}}.weather-dashboard.theme-pagi{background:linear-gradient(135deg, rgba(255, 154, 158, 0.45), rgba(250, 208, 196, 0.45));border-color:rgba(255,209,215,.5);color:#2d1b2e}.weather-dashboard.theme-pagi .metric-card,.weather-dashboard.theme-pagi .forecast-item{background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5)}.weather-dashboard.theme-siang{background:linear-gradient(135deg, rgba(56, 189, 248, 0.4), rgba(254, 240, 138, 0.35));border-color:rgba(186,230,253,.5);color:#0f172a}.weather-dashboard.theme-siang .metric-card,.weather-dashboard.theme-siang .forecast-item{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.6)}.weather-dashboard.theme-sore{background:linear-gradient(135deg, rgba(251, 146, 60, 0.45), rgba(253, 224, 71, 0.35));border-color:rgba(253,186,116,.5);color:#1c1917}.weather-dashboard.theme-sore .metric-card,.weather-dashboard.theme-sore .forecast-item{background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5)}.weather-dashboard.theme-senja{background:linear-gradient(135deg, rgba(147, 51, 234, 0.55), rgba(244, 63, 94, 0.45));border-color:rgba(216,180,254,.35);color:#f8fafc}.weather-dashboard.theme-senja .metric-card,.weather-dashboard.theme-senja .forecast-item{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.weather-dashboard.theme-malam{background:linear-gradient(135deg, rgba(15, 23, 42, 0.8), rgba(30, 58, 138, 0.7));border-color:rgba(255,255,255,.15);color:#f1f5f9}.weather-dashboard.theme-malam .metric-card,.weather-dashboard.theme-malam .forecast-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.weather-dashboard.theme-berawan{background:linear-gradient(135deg, rgba(100, 116, 139, 0.6), rgba(148, 163, 184, 0.5)) !important;color:#f8fafc !important}.weather-dashboard.theme-hujan{background:linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(71, 85, 105, 0.7)) !important;color:#f8fafc !important}.weather-dashboard.theme-badai{background:linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(88, 28, 135, 0.8)) !important;color:#f8fafc !important}.weather-main-card{display:flex;flex-direction:column;gap:18px}.weather-header-info{display:flex;justify-content:space-between;align-items:flex-start}.weather-city{font-size:1.6rem;font-weight:700;margin:0 0 2px 0}.weather-condition-text{font-size:.95rem;opacity:.85;margin:0 0 6px 0}.weather-temp-main{font-size:3.2rem;font-weight:800;line-height:1}.weather-main-emoji{font-size:4rem;line-height:1;filter:drop-shadow(0 6px 14px rgba(0, 0, 0, 0.25))}.forecast-title{font-size:.72rem;font-weight:700;letter-spacing:1px;opacity:.75}.forecast-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}.forecast-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:18px;gap:4px}.forecast-item .forecast-time{font-size:.75rem;opacity:.8}.forecast-item .forecast-emoji{font-size:1.4rem;margin:2px 0}.forecast-item .forecast-temp{font-size:.95rem;font-weight:700}.weather-metrics-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.metric-card{display:flex;flex-direction:column;padding:14px 12px;border-radius:20px}.metric-card .metric-label{font-size:.65rem;font-weight:700;opacity:.7;margin-bottom:6px}.metric-card .metric-value{font-size:1.15rem;font-weight:800}.weather-sub-metrics{display:flex;justify-content:center;align-items:center;gap:28px;margin:22px 0 16px 0}.weather-sub-metrics .sub-metric-item{display:flex;flex-direction:column;align-items:center}.weather-sub-metrics .sub-label{font-size:.65rem;font-weight:700;opacity:.75;margin-bottom:2px}.weather-sub-metrics .sub-value{font-size:1.05rem;font-weight:800}.weather-sub-metrics .divider{opacity:.3}.weather-controls{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}.weather-controls .control-row{display:flex;align-items:center;gap:8px;font-size:.85rem}.weather-controls .control-label{font-size:.8rem;opacity:.9}.weather-controls .control-select{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:inherit;padding:6px 12px;border-radius:12px;font-size:.8rem;outline:none;cursor:pointer}.weather-controls .control-select option{background:#0f172a;color:#fff}.time-auto-pill{display:flex;align-items:center;gap:6px;margin-left:auto;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1)}.switch{position:relative;display:inline-block;width:42px;height:22px;margin-left:auto}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.2);transition:.3s;border-radius:22px;border:1px solid rgba(255,255,255,.3)}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}.switch input:checked+.slider{background-color:rgba(255,255,255,.4)}.switch input:checked+.slider:before{transform:translateX(20px)}.gps-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.88);backdrop-filter:blur(12px);border-radius:28px;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:20}.gps-modal-overlay.is-active{opacity:1;visibility:visible}.gps-modal-content{text-align:center;color:#fff;max-width:320px}.gps-modal-content .gps-icon{font-size:2.5rem;margin-bottom:8px}.gps-modal-content h4{font-size:1.2rem;font-weight:700;margin:0 0 8px 0}.gps-modal-content p{font-size:.85rem;opacity:.85;margin:0 0 18px 0;line-height:1.4}.gps-modal-actions{display:flex;gap:10px;justify-content:center}.gps-modal-actions button{padding:8px 18px;border-radius:12px;font-weight:600;font-size:.85rem;border:none;cursor:pointer}.gps-modal-actions .btn-gps-cancel{background:rgba(255,255,255,.15);color:#fff}.gps-modal-actions .btn-gps-confirm{background:#3b82f6;color:#fff}.search-hero{margin-bottom:20px}.hero-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 14px;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.hero-subtitle{color:var(--text-muted);margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease;cursor:pointer}.hero-btn.primary{background-color:var(--color-primary);color:var(--color-card)}.hero-btn.primary:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.hero-btn.secondary{background-color:var(--color-card);color:var(--text-main);border:1px solid var(--color-border)}.hero-btn.secondary:hover{background-color:var(--color-section);border-color:var(--color-primary);transform:translateY(-2px)}@media(min-width: 768px){.search-hero{display:none}}@media(max-width: 768px){.hero-bg{object-position:25% center}.hero-overlay{background:linear-gradient(180deg, rgba(232, 229, 220, 0.75) 0%, rgba(232, 229, 220, 0.25) 100%)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .hero-btn{width:100%}}.category-chips-section{padding:16px 0 16px 0}.category-chips-section .chips-wrapper{display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-chips-section .chips-wrapper::-webkit-scrollbar{display:none}.category-chips-section .chip-item{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background-color:var(--color-card);color:var(--text-main);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;transition:all .25s ease;flex-shrink:0}.category-chips-section .chip-item [data-icon] svg{width:1.1em;height:1.1em}.category-chips-section .chip-item:hover,.category-chips-section .chip-item.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-accent)}.featured-section{padding:8px 0 24px 0}.featured-section .featured-grid{display:flex;flex-direction:column;gap:16px}@media(min-width: 768px){.featured-section .featured-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}}.featured-section .featured-main .featured-card{display:flex;flex-direction:column;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.featured-section .featured-main .featured-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.featured-section .featured-main .featured-card:hover .featured-thumb img{transform:scale(1.03)}.featured-section .featured-main .featured-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--color-section)}.featured-section .featured-main .featured-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.featured-section .featured-main .featured-thumb .badge{position:absolute;top:12px;left:12px;background-color:var(--green-accent);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.featured-section .featured-main .featured-body{padding:18px}.featured-section .featured-main .featured-title{font-family:"Poppins-Bold",sans-serif;font-size:1.2rem;color:var(--text-main);margin-bottom:8px;line-height:1.35}.featured-section .featured-main .featured-desc{color:var(--text-muted);font-size:.875rem;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-section .featured-main .featured-meta{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.8rem}.featured-section .featured-main .featured-meta .meta-item{display:inline-flex;align-items:center;gap:6px}.featured-section .featured-sub{display:flex;flex-direction:column;gap:12px}.featured-section .featured-sub .sub-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.featured-section .featured-sub .sub-card a{display:flex;align-items:center;padding:12px;gap:12px}.featured-section .featured-sub .sub-card:hover .sub-thumb img{transform:scale(1.05)}.featured-section .featured-sub .sub-card .sub-meta{gap:12px}.featured-section .featured-sub .sub-thumb{width:88px;height:88px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.featured-section .featured-sub .sub-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-section .featured-sub .sub-body{flex:1}.featured-section .featured-sub .sub-body .badge-sm{color:var(--color-primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.featured-section .featured-sub .sub-body .sub-title{font-size:.925rem;color:var(--text-main);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.featured-section .featured-sub .sub-body .sub-meta{color:var(--text-muted);font-size:.75rem}.featured-section .featured-sub .sub-body .sub-meta .meta-item{display:inline-flex;align-items:center;gap:4px}.latest-section{padding:16px 0 24px 0}.latest-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.latest-section .section-header .section-title{font-family:"Poppins-Bold",sans-serif;font-size:1.15rem;color:var(--text-main);margin-bottom:0}.latest-section .section-header .see-all{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;color:var(--color-primary)}.latest-section .section-header .see-all [data-icon] svg{width:1em;height:1em}.latest-section .latest-list{display:grid;grid-template-columns:1fr;gap:0}@media(min-width: 768px){.latest-section .latest-list{grid-template-columns:1fr 1fr;gap:20px 24px}.latest-section .latest-card{border-bottom:none}}.latest-section .latest-card{border-bottom:1px solid var(--color-border)}.latest-section .latest-card:last-child{border-bottom:none}.latest-section .latest-card a{display:flex;align-items:center;gap:14px;padding:12px 0}.latest-section .latest-card:hover .latest-thumb img{transform:scale(1.05)}.latest-section .latest-thumb{width:92px;height:92px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-section)}.latest-section .latest-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.latest-section .latest-body{flex:1}.latest-section .latest-body .badge-cat{color:var(--color-primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.latest-section .latest-body .latest-title{font-size:.95rem;color:var(--text-main);margin-bottom:6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-section .latest-body .latest-meta{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.75rem}.latest-section .latest-body .latest-meta .meta-item{display:inline-flex;align-items:center;gap:4px}.editors-section{padding:16px 0 24px 0}.editors-section .editors-box{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 16px}.editors-section .section-header{margin-bottom:16px}.editors-section .section-header .header-title-wrap{display:inline-flex;align-items:center;gap:8px}.editors-section .section-header .header-title-wrap .header-icon{color:var(--color-primary)}.editors-section .section-header .section-title{font-family:"Poppins-Bold",sans-serif;font-size:1.15rem;color:var(--text-main);margin-bottom:0}.editors-section .editors-grid{display:flex;flex-direction:column;gap:14px}@media(min-width: 640px){.editors-section .editors-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}}.editors-section .editors-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform .3s ease}.editors-section .editors-card:hover{transform:translateY(-2px)}.editors-section .editors-card:hover .editors-thumb img{transform:scale(1.04)}.editors-section .editors-card a{display:flex;flex-direction:column;height:100%}.editors-section .editors-thumb{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background-color:var(--color-body)}.editors-section .editors-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.editors-section .editors-thumb .badge{position:absolute;top:10px;left:10px;background-color:var(--color-primary);color:#fff;padding:3px 10px;border-radius:var(--radius-full);font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.editors-section .editors-body{padding:12px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.editors-section .editors-body .editors-title{font-size:.9rem;color:var(--text-main);margin-bottom:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editors-section .editors-body .editors-meta{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.75rem}.editors-section .editors-body .editors-meta .meta-item{display:inline-flex;align-items:center;gap:4px}.trending-section{padding:16px 0 32px 0;background:var(--color-section)}.trending-section .section-header{margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.trending-section .section-header .header-title-wrap{display:inline-flex;align-items:center;gap:8px}.trending-section .section-header .header-title-wrap .header-icon{color:var(--color-primary)}.trending-section .section-header .section-title{font-family:"Poppins-Bold",sans-serif;font-size:1.15rem;color:var(--text-main);margin-bottom:0}.trending-section .trending-list{display:flex;flex-direction:column;gap:12px}.trending-section .trending-card{background-color:var(--color-body);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform .25s ease}.trending-section .trending-card:hover{transform:translateX(4px)}.trending-section .trending-card a{display:flex;align-items:center;padding:14px 16px;gap:16px}.trending-section .trending-number{font-family:"Poppins-Bold",sans-serif;font-size:1.5rem;color:var(--color-primary);line-height:1;min-width:32px;opacity:.85}.trending-section .trending-body{flex:1}.trending-section .trending-body .badge-cat{color:var(--color-primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.trending-section .trending-body .trending-title{font-size:.925rem;color:var(--text-main);margin-bottom:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-section .trending-body .trending-meta{color:var(--text-muted);font-size:.75rem}.trending-section .trending-body .trending-meta .meta-item{display:inline-flex;align-items:center;gap:4px}.wrapper-search-input{margin-top:20px}.search-results-section{padding-top:0;padding-bottom:32px}.section-title{margin-bottom:24px}.grid-vertical{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width: 640px){.grid-vertical{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.wrapper-search-input{display:none}}@media(min-width: 1024px){.grid-vertical{grid-template-columns:repeat(3, 1fr)}}.card-vertical{background-color:var(--color-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.card-vertical:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-vertical>a{display:flex;flex-direction:column;height:100%}.card-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--color-section)}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-vertical:hover .card-thumb img{transform:scale(1.05)}.card-thumb .badge{position:absolute;top:12px;left:12px;background-color:var(--color-accent);color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);z-index:1}.card-body{padding:16px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.card-body h3{font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-vertical:hover .card-body h3{color:var(--color-primary)}.card-meta{display:flex;gap:12px;margin-top:auto}.meta-date,.meta-views{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--text-muted)}.search-empty{grid-column:1/-1;text-align:center;padding:48px 20px;background-color:var(--color-card);border-radius:var(--radius-md);color:var(--text-muted);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center}.search-empty-img{max-width:160px;width:100%;height:auto;margin-bottom:16px;object-fit:contain}.pagination-container{display:flex;justify-content:center;margin-top:32px;margin-bottom:16px}.pagination-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-btn{padding:8px 14px;border:1px solid var(--color-section);background-color:var(--color-card);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.page-btn:hover:not(.disabled):not(.active){background-color:var(--color-section);color:var(--color-primary);border-color:var(--color-primary)}.page-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700}.page-btn.disabled{opacity:.4;cursor:not-allowed}.fade-in{animation:fadeIn .4s ease-in-out forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wrapper-search-input{margin-top:10px;margin-bottom:15px}.post-layout{display:grid;grid-template-columns:1fr;gap:24px;padding-bottom:60px}@media(min-width: 768px){.post-layout{grid-template-columns:minmax(0, 1fr) 320px;align-items:start;gap:24px}.wrapper-search-input{display:none}.post-header{margin-top:10px}}@media(min-width: 1024px){.post-layout{grid-template-columns:minmax(0, 1fr) 360px;gap:32px}}.post-header{margin-bottom:30px}.post-title{font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.25;margin-bottom:16px;color:var(--text-main)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;color:var(--text-muted);padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.meta-author,.meta-date,.meta-category,.post-meta-item{display:inline-flex;align-items:center;gap:8px;font-weight:500}.meta-author-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:none;font-weight:700;transition:opacity .2s ease}.meta-author-link:hover{opacity:.85;text-decoration:underline}.meta-author-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--color-border)}.meta-category{background:var(--color-section);color:var(--text-main);padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:capitalize}.post-image{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:32px;box-shadow:var(--shadow-md)}.toc-view-mobile{display:block;margin-top:20px;margin-bottom:20px}.toc-view-desktop{display:none}@media(min-width: 768px){.toc-view-mobile{display:none}.toc-view-desktop{display:block}}.post-body{color:var(--text-main);width:100%}.post-body h2{font-size:clamp(22px,4vw,28px);font-weight:700;line-height:1.35;margin-top:36px;margin-bottom:12px}.post-body h3{font-size:clamp(18px,3vw,22px);font-weight:600;margin-top:28px;margin-bottom:10px}.post-body p{margin-bottom:20px;line-height:1.8;font-size:16px}.post-body ul,.post-body ol{margin:0 0 24px 24px}.post-body li{margin-bottom:10px;line-height:1.7}.post-body img{max-width:100%;border-radius:var(--radius-md);margin:28px 0}.post-body blockquote{border-left:4px solid var(--color-primary);padding:4px 0 4px 20px;margin:28px 0;font-style:italic;color:var(--text-muted)}.post-body a{color:var(--color-primary);line-height:1.5;font-weight:500}.post-body a:hover{text-decoration:none;color:var(--green-primary)}.post-sidebar{background:var(--color-card);display:flex;flex-direction:column;gap:1.5rem}@media(max-width: 767px){.post-sidebar{margin-left:-1rem;margin-right:-1rem;padding:24px 1rem;border-radius:0}}@media(min-width: 640px)and (max-width: 767px){.post-sidebar{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}@media(min-width: 768px){.post-sidebar{position:sticky;top:100px;padding:20px;border-radius:var(--radius-md);margin-top:10px}}.post-sidebar h3{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-main);border-bottom:2px solid var(--color-border);padding-bottom:8px;display:inline-flex;align-items:center;gap:8px}.post-sidebar p{font-size:14px;color:var(--text-muted);line-height:1.7}[data-icon] svg{width:1.1em;height:1.1em;flex-shrink:0}.meta-category[data-icon] svg{width:1em;height:1em}.alert{margin:28px 0;padding:18px 20px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-family:inherit;color:var(--text-main)}.alert .alert-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.alert .alert-heading{display:block;font-size:15px;font-weight:700;margin-bottom:10px}.alert.alert-single{background-color:rgba(184,134,11,.08);border:1px solid rgba(184,134,11,.22);border-left:4px solid #b8860b}.alert.alert-single .alert-label{color:#946904}.alert.alert-group{background-color:rgba(93,101,48,.1);border:1px solid rgba(93,101,48,.25);border-left:4px solid var(--green-primary)}.alert.alert-group .alert-heading{color:var(--green-primary)}.post-body .img-content{float:left;width:180px;height:auto;margin:6px 16px 16px 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);object-fit:cover}@media(min-width: 768px){.post-body .img-content{width:240px;margin:8px 20px 18px 0}}@media(min-width: 1024px){.post-body .img-content{width:280px}}.post-body h2,.post-body h3{clear:both;padding-top:4px}.post-body{min-width:0}.post-body div[style*=overflow-x]{max-width:100% !important;overflow-x:auto !important;display:block !important}.post-body table{width:100% !important;max-width:100% !important;display:table}.comments-section{margin-top:1rem;padding-top:1.5rem;font-family:inherit;color:var(--text-main, #3E3E3B)}.comments-section .sn-hp-field{position:absolute !important;left:-9999px !important;top:-9999px !important;opacity:.001 !important;height:0 !important;width:0 !important;z-index:-1 !important;pointer-events:none !important}.comments-section h3{font-size:1.25rem;font-weight:700;color:var(--color-primary, #896340);margin-bottom:1rem}.comments-section #commentForm{background-color:var(--color-card, #F4F3EE);padding:1.25rem;border-radius:var(--radius-md, 16px);box-shadow:var(--shadow-sm, 0 2px 4px rgba(62, 62, 59, 0.06));border:1px solid var(--color-border, #c7c0ba);margin-bottom:1.5rem}.comments-section #commentForm .form-group{margin-bottom:.85rem}.comments-section #commentForm .verified-notice{margin-bottom:.85rem;font-size:.875rem;color:var(--green-primary, #5D6530);font-weight:500}.comments-section #commentForm input[type=email],.comments-section #commentForm input[type=text],.comments-section #commentForm textarea{width:100%;padding:.75rem 1rem;background-color:var(--color-card, #F4F3EE);border:1px solid var(--color-border, #c7c0ba);border-radius:var(--radius-sm, 8px);color:var(--text-main, #3E3E3B);font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.comments-section #commentForm input[type=email]:focus,.comments-section #commentForm input[type=text]:focus,.comments-section #commentForm textarea:focus{outline:none;border-color:var(--color-primary, #896340);box-shadow:0 0 0 3px rgba(137,99,64,.15)}.comments-section #commentForm input[type=email]::placeholder,.comments-section #commentForm input[type=text]::placeholder,.comments-section #commentForm textarea::placeholder{color:var(--text-muted, #585752);opacity:.7}.comments-section #commentForm textarea{resize:vertical;min-height:90px}.comments-section #commentForm label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted, #585752);cursor:pointer;user-select:none}.comments-section #commentForm label input[type=checkbox]{accent-color:var(--color-primary, #896340);width:1rem;height:1rem;cursor:pointer}.comments-section #commentForm button[type=submit]{width:100%;background-color:var(--color-primary, #896340);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm, 8px);font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:var(--shadow-sm, 0 2px 4px rgba(62, 62, 59, 0.06));transition:background-color .2s ease,transform .1s ease;text-align:center;box-sizing:border-box}.comments-section #commentForm button[type=submit]:hover{background-color:var(--color-accent, #A8815D)}.comments-section #commentForm button[type=submit]:active{transform:translateY(1px)}.comments-section #commentForm button[type=submit]:disabled{background-color:var(--color-border, #c7c0ba);cursor:not-allowed}.comments-section #commentsList{display:flex;flex-direction:column;gap:1rem}.comments-section #commentsList .comment-card{background:var(--color-card, #F4F3EE);border:1px solid var(--color-border, #c7c0ba);border-radius:var(--radius-md, 16px);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm, 0 2px 4px rgba(62, 62, 59, 0.06));transition:box-shadow .2s ease}.comments-section #commentsList .comment-card:hover{box-shadow:var(--shadow-md, 0 6px 16px -2px rgba(62, 62, 59, 0.08), 0 2px 4px -1px rgba(62, 62, 59, 0.04))}.comments-section #commentsList .comment-card.is-reply{background:var(--color-section, #DED6CA);border:1px solid var(--color-border, #c7c0ba);border-left:4px solid var(--color-primary, #896340);margin-left:1.5rem;padding:1rem;font-size:.9rem}.comments-section #commentsList .comment-card .comment-header{display:flex;align-items:center;gap:10px;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-border, #c7c0ba)}.comments-section #commentsList .comment-card .comment-header img{width:38px !important;height:38px !important;border-radius:50% !important;border:2px solid var(--color-border, #c7c0ba);object-fit:cover}.comments-section #commentsList .comment-card p{color:var(--text-main, #3E3E3B) !important;font-size:.95rem !important;line-height:1.6;margin:0 0 .85rem 0 !important;word-break:break-word}.comments-section #commentsList .comment-card button{background:none !important;border:none !important;cursor:pointer;padding:0 !important;font-weight:500;font-size:.85rem !important;transition:opacity .2s ease}.comments-section #commentsList .comment-card button:first-of-type:hover{opacity:.8}.comments-section #commentsList .comment-card button:last-of-type{color:var(--color-primary, #896340) !important}.comments-section #commentsList .comment-card button:last-of-type:hover{text-decoration:underline}.chord-relate{margin-bottom:0}.relate-head{font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-primary, #5a6b5c);margin-bottom:12px;display:flex;align-items:center;gap:8px}.relate-head::before{content:"";width:16px;height:2px;background:currentColor}.relate-list{border-top:1px solid var(--color-border, #e2dacd);display:flex;flex-direction:column}.relate-list a:hover{text-decoration:none}.relate-item{display:flex;align-items:center;padding:16px 4px;border-bottom:1px solid var(--color-border, #e2dacd);text-decoration:none;color:var(--text-main, #2b2b2b);font-size:14.5px;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.relate-num{font-weight:800;font-size:22px;color:var(--green-primary, #5a6b5c);width:44px;flex-shrink:0;line-height:1;transition:color .25s ease}.relate-title{flex:1;font-weight:700;line-height:1.45;padding-right:12px;transition:transform .25s ease,color .25s ease}.relate-arrow{font-size:16px;color:var(--text-muted, #8c857b);opacity:0;transform:translateX(-6px);transition:all .25s ease}.relate-item:hover{border-bottom-color:var(--green-primary, #5a6b5c);background:rgba(90,107,92,.02);text-decoration:none}.relate-item:hover .relate-num{color:var(--green-primary, #5a6b5c)}.relate-item:hover .relate-title{color:var(--green-primary, #5a6b5c);transform:translateX(4px)}.relate-item:hover .relate-arrow{opacity:1;transform:translateX(0);color:var(--green-primary, #5a6b5c)}.relate-item:active{opacity:.7}.site-footer{background-color:#2d2824;color:#e5e0d8;padding:40px 0 24px 0}.site-footer .footer-top{display:flex;flex-direction:column;gap:32px}@media(min-width: 640px){.site-footer .footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start}}.site-footer .footer-brand{max-width:360px}.site-footer .footer-brand .footer-logo{font-family:"Poppins-Bold",sans-serif;font-size:1.4rem;color:#fff;margin-bottom:8px}.site-footer .footer-brand .footer-logo span{color:var(--color-accent)}.site-footer .footer-brand .footer-desc{font-size:.85rem;color:#a39e98;line-height:1.6}.site-footer .footer-nav{display:flex;gap:48px}.site-footer .footer-nav .footer-col{display:flex;flex-direction:column}.site-footer .footer-nav .footer-col .footer-heading{font-family:"JakartaSans",sans-serif;font-size:1rem;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.3px}.site-footer .footer-nav .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.site-footer .footer-nav .footer-col ul a{font-size:.85rem;color:#a39e98;transition:color .2s ease,padding-left .2s ease}.site-footer .footer-nav .footer-col ul a:hover{color:var(--color-accent);padding-left:2px}.site-footer hr{border:0;border-top:1px solid #423c36;margin:32px 0 20px 0}.site-footer .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}@media(min-width: 640px){.site-footer .footer-bottom{flex-direction:row;justify-content:space-between}}.site-footer .footer-bottom .copyright{font-size:.775rem;color:#8c8781}.site-footer .footer-bottom .social-links{display:flex;align-items:center;gap:14px}.site-footer .footer-bottom .social-links a{color:#a39e98;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.site-footer .footer-bottom .social-links a:hover{color:#fff;transform:translateY(-2px)}.site-footer .footer-bottom .social-links a [data-icon] svg{width:1.25em;height:1.25em}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;margin-bottom:2rem}.toc-item{font-size:13px;line-height:1.4}.toc-item.toc-h3{padding-left:14px;border-left:2px solid var(--color-border)}.toc-item a{color:var(--text-muted);transition:color .2s ease;text-decoration:none}.toc-item a:hover{color:var(--color-primary);font-weight:600}@media(max-width: 767px){.toc-item{font-size:16px;line-height:1.8}}.popular-list{display:flex;flex-direction:column;gap:16px;margin-bottom:2rem}.popular-item{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px dashed var(--color-border)}.popular-item:last-child{border-bottom:none;padding-bottom:0}.popular-num{font-size:16px;font-weight:800;color:var(--color-primary);opacity:.8;min-width:22px}.popular-thumb{width:58px;height:58px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.popular-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.popular-thumb:hover img{transform:scale(1.08)}.popular-content{display:flex;flex-direction:column;gap:4px}.popular-title{font-size:13px;font-weight:600;line-height:1.35;margin:0}.popular-title a{color:var(--text-main);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.popular-title a:hover{color:var(--color-primary)}.popular-date{font-size:11px;color:var(--text-muted)}.sn-widget-container{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 18px;margin:32px 0 5px 0;box-shadow:var(--shadow-sm);transition:all .3s ease}.sn-widget-container .sn-widget-header{margin-bottom:10px}.sn-widget-container .sn-widget-header .sn-widget-title{font-size:13px;font-weight:700;color:var(--text-muted);display:block}@media(min-width: 768px){.sn-widget-container .sn-widget-header .sn-widget-title{font-size:14px}}.sn-widget-container .sn-main-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sn-widget-container .sn-main-row .sn-emojis-group{display:flex;align-items:center;gap:8px}@media(min-width: 480px){.sn-widget-container .sn-main-row .sn-emojis-group{gap:16px}}@media(min-width: 768px){.sn-widget-container .sn-main-row .sn-emojis-group{gap:28px}}.sn-widget-container .sn-main-row .sn-emojis-group .sn-emoji-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:transform .2s ease,background-color .2s ease}.sn-widget-container .sn-main-row .sn-emojis-group .sn-emoji-btn:hover{background-color:rgba(62,62,59,.06);transform:translateY(-2px)}.sn-widget-container .sn-main-row .sn-emojis-group .sn-emoji-btn:active{transform:scale(0.95)}.sn-widget-container .sn-main-row .sn-emojis-group .sn-emoji-btn .emoji{font-size:24px;line-height:1;margin-bottom:4px}@media(min-width: 768px){.sn-widget-container .sn-main-row .sn-emojis-group .sn-emoji-btn .emoji{font-size:30px}}.sn-widget-container .sn-main-row .sn-emojis-group .sn-emoji-btn .count{font-size:11px;font-weight:700;color:var(--text-muted)}@media(min-width: 768px){.sn-widget-container .sn-main-row .sn-emojis-group .sn-emoji-btn .count{font-size:12px}}.sn-widget-container .sn-main-row .sn-divider-vertical{width:1px;height:32px;background-color:var(--color-border);margin:0 4px}.sn-widget-container .sn-main-row .sn-share-toggle-btn{display:flex;align-items:center;gap:6px;background-color:var(--color-primary);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.sn-widget-container .sn-main-row .sn-share-toggle-btn:hover{background-color:var(--color-accent)}.sn-widget-container .sn-main-row .sn-share-toggle-btn.active{background-color:var(--text-main)}.sn-widget-container .sn-main-row .sn-share-toggle-btn .share-text{display:none}@media(min-width: 400px){.sn-widget-container .sn-main-row .sn-share-toggle-btn .share-text{display:inline}}.sn-widget-container .sn-social-drawer{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(0.4, 0, 0.2, 1),opacity .25s ease-in-out}.sn-widget-container .sn-social-drawer.is-open{max-height:110px;opacity:1}.sn-widget-container .sn-social-drawer .sn-drawer-divider{height:1px;background-color:var(--color-border);margin:12px 0 10px 0}.sn-widget-container .sn-social-drawer .sn-social-list{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:2px}.sn-widget-container .sn-social-drawer .sn-social-list .sn-soc-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background-color:var(--color-body);border:1px solid var(--color-border);padding:8px 4px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none}.sn-widget-container .sn-social-drawer .sn-social-list .sn-soc-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.widget-newsletter{background:var(--color-body);padding:16px;border:1px solid var(--color-section);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin-bottom:1rem}.widget-newsletter .sn-hp-field{position:absolute !important;left:-9999px !important;top:-9999px !important;opacity:.001 !important;height:0 !important;width:0 !important;z-index:-1 !important;pointer-events:none !important}.widget-title{display:flex;align-items:center;gap:8px;font-size:16px;margin-top:0;margin-bottom:10px;color:var(--text-main)}.newsletter-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:14px}.newsletter-form{display:flex;flex-direction:column;gap:10px}.newsletter-input{width:100%;padding:10px 14px;font-size:13px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--text-main);outline:none;box-sizing:border-box;font-family:inherit}.newsletter-input:focus{border-color:var(--color-primary)}.newsletter-btn{width:100%;padding:10px;font-size:13px;font-weight:700;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.newsletter-btn:hover{background:var(--color-primary)}.newsletter-btn-danger{width:100%;padding:10px;font-size:13px;font-weight:700;color:#fff;background:#e53e3e;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.newsletter-btn-danger:hover{background:#c53030}.container-narrow{max-width:800px;margin-left:auto;margin-right:auto;padding-top:32px;padding-bottom:64px}.static-page .page-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.static-page .page-header .page-title{font-family:"Poppins-Bold",sans-serif;font-size:2rem;color:var(--text-main);margin-bottom:10px}@media(min-width: 768px){.static-page .page-header .page-title{font-size:2.5rem}}.static-page .page-header .page-meta{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-muted);background-color:var(--color-section);padding:4px 14px;border-radius:var(--radius-full)}.static-page .page-content{color:var(--text-main);line-height:1.7}.static-page .page-content p{margin-bottom:1.25rem;font-size:.975rem}.static-page .page-content h2{font-family:"Poppins-Bold",sans-serif;font-size:1.35rem;color:var(--text-main);margin-top:2rem;margin-bottom:.85rem;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.static-page .page-content h3{font-family:"JakartaSans",sans-serif;font-weight:700;font-size:1.1rem;color:var(--color-primary);margin-top:1.5rem;margin-bottom:.5rem}.static-page .page-content ul,.static-page .page-content ol{margin-bottom:1.25rem;padding-left:1.25rem}.static-page .page-content ul li,.static-page .page-content ol li{margin-bottom:.5rem;font-size:.975rem}.static-page .page-content ul li::marker,.static-page .page-content ol li::marker{color:var(--color-primary)}.static-page .page-content a{color:var(--color-primary);font-weight:700;transition:color .2s ease}.static-page .page-content a:hover{color:var(--color-accent);text-decoration:underline}.static-page .page-content .callout-box{background-color:var(--color-card);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.static-page .page-content .callout-box p{margin:0;font-size:.925rem;color:var(--text-muted)}.static-page .page-content .team-grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px;margin-top:24px}@media(min-width: 640px){.static-page .page-content .team-grid{grid-template-columns:repeat(2, 1fr)}}.static-page .page-content .team-grid .team-card{display:flex;align-items:center;gap:16px;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.static-page .page-content .team-grid .team-card .team-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:var(--color-section)}.static-page .page-content .team-grid .team-card .team-info .team-name{font-family:"Poppins-Bold",sans-serif;font-size:1rem;color:var(--text-main);margin:0 0 2px 0}.static-page .page-content .team-grid .team-card .team-info .team-role{display:inline-block;font-size:.75rem;color:var(--color-primary);font-weight:700;margin-bottom:4px}.static-page .page-content .team-grid .team-card .team-info .team-bio{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.3}/*# sourceMappingURL=main.css.map */