.button-group{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.75rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.65rem;min-height:46px;padding:.7rem 1.1rem;border:1px solid var(--accent);border-radius:8px;background:linear-gradient(115deg,var(--accent),#00a9ed);color:#001320;font-weight:800;font-size:.88rem;box-shadow:0 0 18px rgba(0,217,255,.2);transition:transform .2s,box-shadow .2s}.button:hover{color:#001320;transform:translateY(-2px);box-shadow:0 0 28px rgba(0,217,255,.38)}.button--outline{background:transparent;color:var(--text);box-shadow:none}.button--outline:hover{color:var(--accent);background:rgba(0,217,255,.06)}.button--small{min-height:36px;padding:.45rem .75rem;font-size:.72rem}.text-link{display:inline-flex;gap:.35rem;align-items:center;color:var(--accent);font-size:.84rem;font-weight:800;margin-top:auto}.text-link:hover{gap:.55rem}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-heading>p{max-width:510px}.card-grid{display:grid;gap:1.25rem}.card-grid--four{grid-template-columns:repeat(4,1fr)}.card-grid--three{grid-template-columns:repeat(3,1fr)}.card{display:flex;flex-direction:column;min-width:0;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,rgba(9,31,55,.9),rgba(3,15,30,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s,border-color .2s,box-shadow .2s}[data-theme="light"] .card{background:linear-gradient(145deg,#fff,#f2f9fd)}.card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow),var(--glow)}.card>p{font-size:.9rem}.card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.25rem;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:1.4rem;font-weight:800}.post-card{padding:0;overflow:hidden}.card__body{display:flex;flex:1;flex-direction:column;padding:1.35rem}.card-image{display:block;aspect-ratio:16/8;background:var(--bg-alt);overflow:hidden}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.card-image:hover img{transform:scale(1.04)}.card-title{font-size:1.35rem}.card-title a:hover{color:var(--accent)}.badge,.tags span{display:inline-flex;align-self:flex-start;border:1px solid var(--border);border-radius:999px;color:var(--accent);padding:.16rem .55rem;font-size:.67rem;font-weight:800;letter-spacing:.06em}.tags{display:flex;gap:.35rem;flex-wrap:wrap;margin:0 0 1rem}.project-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.stats{border-block:1px solid var(--border);background:rgba(0,11,24,.45)}[data-theme="light"] .stats{background:rgba(255,255,255,.65)}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stats__grid div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;padding:.6rem 1rem;border-left:1px solid var(--border)}.stats__grid strong{font-size:1.7rem;color:var(--accent)}.stats__grid span{font-size:.77rem;color:var(--muted)}.split-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,8vw,9rem);align-items:center}.split-panel>div:last-child>p{font-size:1.08rem}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(120deg,rgba(0,109,175,.2),rgba(1,14,31,.92)),radial-gradient(circle at 85% 0,rgba(0,217,255,.2),transparent 28%);box-shadow:var(--shadow)}.cta-panel h2{max-width:720px}.cta-panel p{max-width:620px}.pagination,.nav-links{display:flex;gap:.6rem;margin-top:2.25rem}.page-numbers,.nav-previous a,.nav-next a{padding:.45rem .7rem;border:1px solid var(--border);border-radius:6px}.page-numbers.current{background:var(--accent);color:#001320;border-color:var(--accent)}.social-links{display:flex;gap:.55rem;margin-top:1.3rem}.social-links a{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--border);border-radius:50%;color:var(--accent);font-size:.8rem;font-weight:800}.social-links a:hover{border-color:var(--accent);box-shadow:var(--glow)}