body{margin:0;font-family:Inter,sans-serif;background:#f8f8f6;color:#111}body.dark{background:#0f172a;color:#fff}.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:15px;background:#fff}.dark .navbar{background:#111827}.nav-links{display:flex;gap:20px;list-style:none}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.btn{padding:12px 20px;background:#111;color:#fff;text-decoration:none;border-radius:30px}.outline{background:transparent;border:1px solid}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card,.ph{padding:30px;background:#ddd;border-radius:12px;text-decoration:none;color:inherit}.masonry{columns:2}.reveal{opacity:0;transform:translateY(30px);transition:.6s}.reveal.active{opacity:1;transform:none}@media(max-width:768px){.nav-links{display:none}.masonry{columns:1}}