*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,SF Pro Text,Inter,sans-serif;background:#f2f2f7;color:#1d1d1f;padding-top:44px;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}.page{flex:1;max-width:860px;width:100%;margin:0 auto;padding:48px 40px 80px}.page-eyebrow{font-size:11px;font-weight:700;color:#0071e3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.page-title{font-size:40px;font-weight:700;letter-spacing:-1.2px;color:#1d1d1f;margin-bottom:8px;line-height:1.05}.page-sub{font-size:15px;color:#6e6e73;line-height:1.6;margin-bottom:28px;max-width:480px}.featured-article{background:#fff;border:1px solid rgba(0,0,0,.055);border-radius:26px;box-shadow:0 1px 4px #0000000f,0 14px 45px #00000012;color:inherit;display:grid;gap:22px;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);margin-bottom:24px;min-height:292px;overflow:hidden;padding:18px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.featured-article:hover{transform:translateY(-3px);box-shadow:0 12px 42px #0000001a}.featured-article.is-hidden{display:none}.featured-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:18px 12px 18px 18px}.featured-kicker{align-items:center;color:#0071e3;display:inline-flex;font-size:10.5px;font-weight:800;gap:8px;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.featured-kicker:before{background:#0071e3;border-radius:999px;box-shadow:0 0 0 5px #0071e31a;content:"";height:7px;width:7px}.featured-title{color:#1d1d1f;font-size:32px;font-weight:750;letter-spacing:-.8px;line-height:1.08;margin:12px 0 10px;max-width:560px}.featured-desc{color:#6e6e73;font-size:14px;line-height:1.65;max-width:560px}.featured-meta{align-items:center;color:#8e8e93;display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:9px;margin-top:18px}.featured-cta{align-items:center;background:#0071e3;border-radius:999px;color:#fff;display:inline-flex;font-size:12.5px;font-weight:700;gap:7px;margin-top:22px;padding:9px 15px;width:fit-content}.featured-art{background:linear-gradient(135deg,#f5f5f7,#eef4ff);border-radius:20px;min-height:256px;overflow:hidden;position:relative}.featured-art:after{background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.3));content:"";inset:0;position:absolute}.featured-art img{display:block;height:100%;min-height:256px;object-fit:cover;width:100%}.featured-chip{backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid rgba(255,255,255,.62);border-radius:999px;bottom:14px;color:#1d1d1f;font-size:11px;font-weight:800;left:14px;letter-spacing:.08em;padding:7px 10px;position:absolute;text-transform:uppercase;z-index:2}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter-btn{font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 16px;border-radius:20px;border:1.5px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.filter-btn:hover{opacity:.85}.filter-btn-count{font-size:11px;font-weight:500;opacity:.55}.filter-total{font-size:12px;font-weight:500;color:#aeaeb2;margin-left:4px}.btn-all{background:#f5f5f7;color:#1d1d1f;border-color:#f5f5f7}.btn-all.is-active{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.btn-profile{background:#eef4ff;color:#0071e3;border-color:#eef4ff}.btn-profile.is-active{background:#0071e3;color:#fff;border-color:#0071e3}.btn-culture{background:#efffee;color:#1a7a1a;border-color:#efffee}.btn-culture.is-active{background:#1a7a1a;color:#fff;border-color:#1a7a1a}.btn-duels{background:#fff0ee;color:#c0392b;border-color:#fff0ee}.btn-duels.is-active{background:#c0392b;color:#fff;border-color:#c0392b}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-card{background:#fff;border-radius:20px;padding:28px 26px;box-shadow:0 1px 4px #0000000f,0 4px 20px #0000000a;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.article-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0071e3,#34aadc);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.article-card:hover:after{transform:scaleX(1)}.article-card.is-hidden{display:none}.article-tag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:8px;letter-spacing:.04em;text-transform:uppercase;align-self:flex-start}.tc-profile{background:#eef4ff;color:#0071e3}.tc-culture{background:#efffee;color:#1a7a1a}.tc-duels{background:#fff0ee;color:#c0392b}.article-title{font-size:17px;font-weight:700;letter-spacing:-.3px;color:#1d1d1f;line-height:1.3}.article-desc{font-size:13px;color:#6e6e73;line-height:1.6;flex:1}.article-meta{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#aeaeb2;font-weight:500;margin-top:4px}.article-meta-sep{color:#d1d1d6}.article-read-more{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:#0071e3;margin-top:4px;transition:gap .15s}.article-card:hover .article-read-more{gap:8px}.grid-empty{grid-column:span 2;text-align:center;padding:42px 24px;color:#6e6e73;font-size:14px;display:none;background:#fff;border:1px dashed #d8d8de;border-radius:18px;box-shadow:0 1px 4px #0000000a}.grid-empty.visible{display:block}.empty-kicker{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0071e3;margin-bottom:10px}.empty-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#0071e3}.grid-empty strong{display:block;font-size:18px;line-height:1.25;color:#1d1d1f;margin-bottom:7px}.grid-empty span{display:block;max-width:430px;margin:0 auto;line-height:1.65}@media(max-width:640px){.page{padding:32px 20px 64px}.page-title{font-size:30px}.page-sub{font-size:14px;margin-bottom:20px}.featured-article{gap:12px;grid-template-columns:1fr;margin-bottom:22px;min-height:0;padding:12px}.featured-copy{padding:12px 10px 8px}.featured-title{font-size:25px}.featured-art{min-height:210px;order:-1}.featured-art img{min-height:210px}.filter-row{gap:6px;margin-bottom:24px}.filter-btn{font-size:12px;padding:5px 13px}.articles-grid{grid-template-columns:1fr;gap:12px}.article-card{padding:22px 20px}.article-title{font-size:16px}.grid-empty{grid-column:span 1}}