/* Global Styles */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; color: #0f172a; background:#f8fafc; }

a { color: inherit; text-decoration: none; }
.btn { padding: 8px 14px; background:#111827; color:#fff; border-radius:10px; margin-left:8px; }
.btn.outline { background:#fff; color:#111827; border:1px solid #111827; }
.btn-primary { padding: 10px 16px; border:0; border-radius:10px; background:linear-gradient(135deg,#0084ff,#00c6ff); color:#fff; cursor:pointer; }
.btn-outline { padding: 10px 16px; border:1px solid #cbd5e1; border-radius:10px; background:#fff; cursor:pointer; }
.link { color:#2563eb; font-size: 0.9rem; }

.header { position: sticky; top:0; z-index:50; background:rgba(255,255,255,0.8); backdrop-filter: blur(8px); display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid #eef2f7; }
.logo { font-weight:800; letter-spacing:0.5px; }
.logo span { color:#0084ff; }
.nav a { margin: 0 8px; font-weight: 500; }
.hamburger { font-size: 22px; cursor:pointer; }

.footer { text-align: center; padding: 20px; background: #030c1b; color: white; }

.desktop-only { display:block; }
.mobile-only { display:none; }

@media (max-width: 768px){
  .desktop-only { display:none; }
  .mobile-only { display:block; }
  .footer { display:none; }
}