:root{--primary:#2563EB;--bg:#0F172A;--bg2:#111827;--text:#E5E7EB;--accent:#38BDF8}
html:focus-within{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
a:focus{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:.5rem;background-color:var(--primary);color:#fff;font-weight:600}
.btn-primary:hover{filter:brightness(1.1)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:.5rem;background-color:transparent;color:var(--text);border:1px solid #1f2937;font-weight:600}
.btn-secondary:hover{background-color:#1f2937}
.tag{display:inline-block;padding:.25rem .5rem;border-radius:9999px;background-color:#0b1220;border:1px solid #1f2937;color:#93c5fd;font-size:.75rem;line-height:1}
.section{padding:4rem 0}
@media(min-width:1024px){.section{padding:6rem 0}}