:root{--blue-1: #4f97e0;--blue-2: #3c7fd0;--navy: #0e355f;--navy-2: #0b2c50;--accent: #2f74d0;--ink: #1b2430;--muted: #6b7684;--line: #e6eaf0;--card-radius: 14px;--maxw: 1200px;--shadow: 0 10px 30px rgba(16, 42, 76, .08);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.site-header{background:linear-gradient(180deg,var(--blue-1),var(--blue-2));color:#fff}.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:80px}.brand{display:flex;align-items:center;gap:12px;color:#fff;justify-self:start}.brand__avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 2px #ffffffbf,0 2px 8px #0b2c5033;flex:none}.brand__avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}.brand__name{font-weight:800;font-size:22px;line-height:1;letter-spacing:.5px}.brand__sub{font-weight:500;font-size:13px;opacity:.9;line-height:1.3}.main-nav{display:flex;gap:36px;font-weight:600;font-size:17px;justify-self:center}.main-nav a{padding:6px 2px;border-bottom:2px solid transparent;transition:border-color .15s ease,opacity .15s ease;opacity:.95}.main-nav a:hover{opacity:1}.main-nav a.is-active{border-bottom-color:#fff}.nav-toggle{display:none;background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:10px;font-size:20px;cursor:pointer}.tabbar{background:linear-gradient(180deg,var(--navy),var(--navy-2))}.tabbar__row{display:flex;justify-content:center;gap:16px;padding:16px 0}.tab{min-width:120px;text-align:center;padding:11px 26px;border-radius:999px;font-weight:600;font-size:16px;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.55);cursor:pointer;transition:all .15s ease}.tab:hover{border-color:#fff}.tab.is-active{background:#fff;color:var(--navy);border-color:#fff}.feed{padding:40px 0 64px}.feed__empty{text-align:center;color:var(--muted);padding:60px 0;font-size:18px;display:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px}.card{display:flex;flex-direction:column;gap:12px;color:inherit}.card__thumb{position:relative;aspect-ratio:16 / 11;border-radius:var(--card-radius);overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.card:hover .card__thumb{transform:translateY(-4px);box-shadow:0 16px 34px #102a4c29}.card__emoji{font-size:56px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.card__img{width:100%;height:100%;object-fit:cover;display:block}.article__hero{overflow:hidden}.article__hero-img{width:100%;height:100%;object-fit:cover;display:block}.card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{display:inline-block;border:1.5px solid var(--accent);color:var(--accent);font-weight:600;font-size:13px;padding:4px 16px;border-radius:999px}.date{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:500}.date svg{width:14px;height:14px}.card__title{margin:0;font-size:18px;font-weight:700;line-height:1.32;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card:hover .card__title{color:var(--accent)}.sentinel{height:1px}.loader{text-align:center;color:var(--muted);padding:28px 0 4px;font-weight:500;display:none}.loader.is-on{display:block}.ad-slot{border:1.5px dashed #c7d2e0;border-radius:12px;color:#9aa7b6;background:#f7f9fc;text-align:center;padding:22px;font-size:13px;letter-spacing:.4px;margin:32px 0}.article{padding:40px 0 60px}.article__wrap{max-width:760px;margin-inline:auto}.backlink{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;font-size:15px;margin-bottom:22px}.article__hero{aspect-ratio:16 / 7;border-radius:18px;display:grid;place-items:center;box-shadow:var(--shadow);margin-bottom:26px}.article__hero .card__emoji{font-size:84px}.article__meta{display:flex;align-items:center;gap:16px;margin-bottom:14px}.article__title{font-size:40px;line-height:1.15;font-weight:800;margin:0 0 24px;letter-spacing:-.5px}.article__body p{font-size:18px;line-height:1.75;color:#2c3746;margin:0 0 22px}.article__figure{margin:30px 0}.article__figure img{width:100%;border-radius:14px;display:block;box-shadow:var(--shadow)}.article__figure figcaption{text-align:center;color:var(--muted);font-size:14px;margin-top:10px;font-style:italic}.share{display:inline-flex;align-items:center;gap:8px;background:#1877f2;color:#fff;font-weight:600;padding:11px 20px;border-radius:10px;margin-top:8px}.share svg{width:18px;height:18px;fill:#fff}.divider{border:none;border-top:1px solid var(--line);margin:44px 0}.related h2{font-size:22px;margin:0 0 20px}.page{padding:48px 0 64px}.page__wrap{max-width:760px;margin-inline:auto}.page h1{font-size:36px;font-weight:800;margin:0 0 8px}.page .updated{color:var(--muted);font-size:14px;margin-bottom:28px}.page h2{font-size:22px;margin:34px 0 12px}.page p,.page li{font-size:17px;line-height:1.75;color:#33404f}.site-footer{background:var(--navy-2);color:#cdd8e6;margin-top:20px}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding:40px 0;flex-wrap:wrap}.footer-brand{max-width:340px}.footer-brand strong{color:#fff;font-size:20px;display:block;margin-bottom:8px}.footer-links{display:flex;gap:48px;flex-wrap:wrap}.footer-links h4{color:#fff;font-size:15px;margin:0 0 12px}.footer-links a{display:block;color:#cdd8e6;font-size:15px;padding:5px 0}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;text-align:center;font-size:13px;color:#9fb0c4}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.header-row{display:flex;justify-content:space-between}.nav-toggle{display:inline-block}.main-nav{position:absolute;left:0;right:0;top:80px;background:var(--blue-2);flex-direction:column;gap:0;padding:8px 24px 16px;z-index:40;display:none}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15)}.site-header{position:relative}.grid{grid-template-columns:repeat(2,1fr)}.article__title{font-size:30px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.tab{min-width:0;padding:9px 18px;font-size:14px}.brand__sub{display:none}}