.articles-page{min-height:calc(100vh - 140px);padding:100px 0 80px}.articles-header{margin-bottom:56px}.articles-header h1{color:var(--v2-text);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.articles-header p{color:var(--v2-muted);max-width:560px;font-size:1.1rem;line-height:1.6}.articles-grid{grid-template-columns:1fr;gap:32px;max-width:800px;display:grid}.article-card{background:var(--v2-surface);border:1px solid var(--v2-border);color:var(--v2-text);border-radius:16px;padding:40px;text-decoration:none;transition:box-shadow .3s,border-color .3s,transform .3s;display:block;position:relative;overflow:hidden}.article-card:before{content:"";background:linear-gradient(90deg, var(--v2-accent), #2dd4bf);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.article-card:hover{border-color:#bdc1c6;transform:translateY(-2px);box-shadow:0 4px 20px #20212414}.article-card:hover:before{opacity:1}.article-card-meta{color:var(--v2-muted);align-items:center;gap:16px;margin-bottom:16px;font-size:.85rem;display:flex}.article-card-date{font-weight:500}.article-card-readtime{align-items:center;gap:4px;display:flex}.article-card-readtime:before{content:"·";margin-right:4px}.article-card-title{color:var(--v2-text);letter-spacing:-.01em;margin-bottom:16px;font-size:1.6rem;font-weight:700;line-height:1.3}.article-card-summary{color:var(--v2-muted);margin-bottom:24px;font-size:1.05rem;line-height:1.7}.article-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.article-tag{background:var(--v2-surface-2);color:var(--v2-muted);letter-spacing:.02em;border-radius:12px;padding:4px 14px;font-size:.75rem;font-weight:500}.article-card-cta{color:var(--v2-accent);align-items:center;gap:8px;font-size:.95rem;font-weight:600;transition:gap .2s;display:inline-flex}.article-card:hover .article-card-cta{gap:12px}.article-card-cta svg{width:16px;height:16px;transition:transform .2s}.article-card:hover .article-card-cta svg{transform:translate(4px)}@media (max-width:768px){.articles-page{padding:80px 0 60px}.article-card{padding:28px}.article-card-title{font-size:1.35rem}}@media (max-width:480px){.articles-page{padding:64px 0 40px}.article-card{padding:20px}.article-card-title{font-size:1.2rem}}