.navbar{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:16px 32px;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--card-shadow);position:-webkit-sticky;position:sticky;top:12px;z-index:1000;margin:12px 20px;transition:var(--transition-smooth)}.navbar:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:var(--secondary-blue);text-decoration:none;transition:var(--transition-smooth)}.logo:hover{transform:scale(1.05)}.logo img{height:44px;width:auto;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px rgba(59,130,246,.15)}.links{display:flex;gap:8px}.links a{color:var(--text-primary);font-weight:500;font-size:16px;text-decoration:none;padding:12px 20px;border-radius:50px;transition:var(--transition-smooth);position:relative;overflow:hidden}.links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.links a:hover:before{left:100%}.links a:hover{background:var(--primary-blue);color:white;transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,130,246,.3)}.menu-icon{display:none;cursor:pointer;color:var(--text-primary)}@media (max-width:768px){.links{position:absolute;top:72px;right:20px;background:white;flex-direction:column;gap:12px;padding:20px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);display:none;z-index:999}.links.open{display:flex}.menu-icon{display:block}}section{padding:80px 24px;max-width:1400px;margin:0 auto;position:relative}