.page-hero{z-index:1;text-align:center;max-width:980px;margin:0 auto;padding:180px 24px 60px;position:relative}.page-hero-eyebrow{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;opacity:0;margin-bottom:16px;font-size:15px;font-weight:600;animation:.8s .2s forwards fadeUp}.page-hero h1{letter-spacing:-.04em;background:linear-gradient(135deg,#1d1d1f 0%,#434344 50%,#1d1d1f 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.05;animation:.9s .4s forwards fadeUp}.page-hero p{color:var(--text-secondary);letter-spacing:-.2px;opacity:0;max-width:560px;margin:0 auto;font-size:20px;font-weight:400;line-height:1.5;animation:.9s .6s forwards fadeUp}.filter-bar{opacity:0;flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px;margin:0 auto;padding:0 24px 40px;animation:.9s .8s forwards fadeUp;display:flex}.filter-tab{color:var(--text-secondary);backdrop-filter:blur(12px);cursor:pointer;background:#fff6;border:1px solid #fff6;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .3s}.filter-tab:hover{color:var(--text-primary);background:#ffffffb3}.filter-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.featured-section{opacity:0;max-width:980px;margin:0 auto;padding:0 24px 60px;animation:1s 1s forwards fadeUp}.featured-card{background:var(--surface);-webkit-backdrop-filter:blur(32px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);color:inherit;text-decoration:none;transition:all .5s cubic-bezier(.25,.46,.45,.94);display:block;position:relative;overflow:hidden}.featured-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#fffc,#ffffff1a,#fff9);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.featured-card:hover{box-shadow:var(--glass-shadow-hover);background:var(--surface-hover);transform:translateY(-6px)}.featured-inner{grid-template-columns:1.2fr 1fr;min-height:380px;display:grid}.featured-visual{background:linear-gradient(135deg,#e8e8ed 0%,#d4d4d8 50%,#e8e8ed 100%);justify-content:center;align-items:center;font-size:80px;display:flex;position:relative;overflow:hidden}.featured-visual:after{content:"";background:linear-gradient(#0000 30%,#0000000a 100%);position:absolute;inset:0}.featured-content{flex-direction:column;justify-content:center;padding:48px;display:flex}.featured-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#0071e314;border-radius:100px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.featured-content h2{letter-spacing:-.03em;margin:0 0 14px;font-size:28px;font-weight:700;line-height:1.2;transition:color .2s}.featured-card:hover .featured-content h2{color:var(--accent)}.featured-content p{color:var(--text-secondary);margin:0 0 24px;font-size:16px;line-height:1.6}.featured-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.featured-meta .dot{background:var(--text-secondary);opacity:.5;border-radius:50%;width:3px;height:3px}.featured-read{color:var(--accent);align-items:center;gap:6px;margin-top:24px;font-size:14px;font-weight:600;transition:gap .3s;display:inline-flex}.featured-card:hover .featured-read{gap:10px}.articles-section{max-width:980px;margin:0 auto;padding:0 24px 100px}.articles-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.article-card{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);color:inherit;opacity:0;text-decoration:none;transition:all .5s cubic-bezier(.25,.46,.45,.94);display:block;position:relative;overflow:hidden;transform:translateY(30px)}.article-card.visible{opacity:1;transform:translateY(0)}.article-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#fffc,#ffffff1a,#fff9);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.article-card:hover{box-shadow:var(--glass-shadow-hover);background:var(--surface-hover);transform:translateY(-6px)}.article-visual{background:linear-gradient(135deg,#e8e8ed 0%,#f5f5f7 50%,#e2e2e6 100%);justify-content:center;align-items:center;height:180px;font-size:48px;transition:transform .4s;display:flex;position:relative;overflow:hidden}.article-card:hover .article-visual{transform:scale(1.03)}.article-visual:after{content:"";background:linear-gradient(#0000 30%,#0000000a 100%);position:absolute;inset:0}.article-body{padding:28px}.article-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.article-date{color:var(--text-secondary);font-size:12px;font-weight:500}.article-category{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;background:#0071e314;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.article-card h3{letter-spacing:-.3px;margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.3;transition:color .2s}.article-card:hover h3{color:var(--accent)}.article-card p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-footer{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.article-readtime{color:var(--text-secondary);font-size:12px;font-weight:500}.article-arrow{width:32px;height:32px;color:var(--text-secondary);background:#0000000a;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex}.article-card:hover .article-arrow{background:var(--accent);color:#fff;transform:translate(3px)}@media (width<=768px){.page-hero{padding:140px 24px 40px}.featured-inner{grid-template-columns:1fr}.featured-visual{height:220px}.featured-content{padding:28px}.featured-content h2{font-size:22px}.articles-grid{grid-template-columns:1fr}}